/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
  --mat-slide-toggle-touch-target-size: 48px;
}
html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-touch-target-display: block;
}
html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}
html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}
html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* src/styles.css */
body:has(.mobile-warning-container) {
  overflow: hidden !important;
  height: 100vh !important;
  width: 100vw !important;
  position: fixed !important;
}
.file-preview-dialog-panel .mat-mdc-dialog-container,
.file-preview-dialog-panel .mat-mdc-dialog-surface,
.file-preview-dialog-panel .mat-dialog-container {
  overflow: visible !important;
}
.cdk-drag-preview {
  z-index: 100000 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  transition: none !important;
  will-change: transform;
}
.cdk-drag-placeholder {
  background: rgba(99, 102, 241, 0.05) !important;
  border: 2px dashed #818cf8 !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}
.cdk-drag-placeholder * {
  visibility: hidden !important;
  opacity: 0 !important;
}
.cdk-drag-animating {
  transition: transform 220ms cubic-bezier(0, 0, 0.2, 1) !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li,
label,
small,
div {
  font-family: "Poppins";
  font-weight: 500 !important;
}
table th,
button {
  font-family: "Poppins";
  font-weight: 600 !important;
}
mark {
  background-color: #ffeb3b;
  color: #111b21;
  padding: 0 2px;
  border-radius: 2px;
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url("./media/poppins.regular-JWXECD23.ttf") format("truetype");
}
.my-background {
  background: #f5f5f5 0% 0% no-repeat padding-box;
  overflow-x: hidden;
}
html,
body {
  height: 100%;
  background:
    linear-gradient(
      to bottom right,
      #f8fafc,
      #f1f5f9);
}
@media (max-width: 768px) {
  html,
  body {
    overflow: hidden !important;
    overscroll-behavior: none;
  }
}
:root {
  --circle-animation: float 6s infinite ease-in-out;
  --circle-size: 2.5px;
}
.gradient-btn {
  display: flex;
  align-items: center;
  border: none !important;
  background:
    linear-gradient(
      117.5deg,
      #6565ac 17.4%,
      #86a8e7 66.17%,
      #91eae4 116.97%);
  border-radius: 8px;
  height: 46px;
  padding: 0px 25px;
  font-size: 16px;
  color: #ffffff !important;
  font-weight: 600;
  opacity: 1;
}
.gradient-btn:disabled,
.gradient-btn[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  filter: grayscale(40%) !important;
  box-shadow: none !important;
  transform: none !important;
  pointer-events: none !important;
}
.gradient-text {
  background:
    linear-gradient(
      117.5deg,
      #6565ac 17.4%,
      #86a8e7 66.17%,
      #91eae4 116.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
:root {
  --color-light: #92b6e9;
  --border-light: #7b94d5;
  --gradient-color:
    linear-gradient(
      117.5deg,
      #6565ac 17.4%,
      #86a8e7 66.17%,
      #91eae4 116.97%);
  --color-white: #ffffff;
  --color-black: #000000;
  --gradient-green:
    linear-gradient(
      90deg,
      #76b852 0%,
      #8dc26f 100%);
  --sticky-green-gradient:
    linear-gradient(
      135deg,
      #d1d2e7 0%,
      #c5caf1 35%,
      #7ea0e5 70%,
      #a1b4ed 100%);
  --glass-bg: rgba(255, 255, 255, 0.28);
  --glass-border: rgba(255, 255, 255, 0.55);
  --text-dark: #2b3b26;
}
.custom-ok-btn {
  background: var(--gradient-color) !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-14 {
  font-size: 14px !important;
}
.custom-btn {
  background: var(--gradient-color) !important;
  color: var(--color-white);
  border: none;
  font-weight: 400 !important;
  padding: 7px 12px;
  border-radius: 4px;
}
.custom-exit {
  background: var(--gradient-color) !important;
  color: var(--color-white);
  border: none;
  font-weight: 400 !important;
  padding: 7px 18px;
  border-radius: 4px;
  font-family: "Poppins" !important;
}
.md-drppicker td.active,
.md-drppicker td.active:hover {
  background: var(--gradient-color) !important;
  color: var(--color-white) !important;
}
.md-drppicker .btn.btn-default {
  font-family: "Poppins" !important;
  font-size: 13px !important;
  text-transform: capitalize !important;
  margin-right: 10px;
}
.md-drppicker .calendar td.available.active.start-date span,
.md-drppicker .calendar td.available.active.end-date span {
  color: var(--color-white) !important;
}
.btn,
.btn-default {
  box-shadow: none !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-family: "Poppins" !important;
}
.input::-webkit-date-and-time-value {
  text-align: left !important;
}
.assets-content {
  position: relative;
}
.animated-bg-circles::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(
      circle at 79% 70%,
      white 0,
      white var(--circle-size),
      transparent var(--circle-size)) 0 0,
    radial-gradient(
      circle at 78.5% 40%,
      white 0,
      white var(--circle-size),
      transparent var(--circle-size)) 0 0;
  background-size: 100% 100%;
  opacity: 0.2;
  animation: var(--circle-animation);
}
.mention-highlight {
  color: #f9be71;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.mention-highlight:hover {
  text-decoration: underline;
  opacity: 0.85;
}
.custom-swal-popup {
  min-height: 350px;
  max-height: 600px;
  overflow-y: auto;
}
.hide {
  display: none !important;
}
.cdk-overlay-pane {
}
.mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-top: 9px !important;
}
.mat-mdc-text-field-wrapper.mdc-text-field {
  border-radius: 10px !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: #000000 !important;
}
.mdc-line-ripple {
  display: none !important;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 100000 !important;
}
.cdk-global-overlay-wrapper,
.mat-mdc-snack-bar-container,
.mat-snack-bar-container {
  z-index: 100001 !important;
}
.swal2-container {
  z-index: 100050 !important;
}
.swal2-container.app-toast-container {
  z-index: 100050 !important;
}
.mat-mdc-snack-bar-container.error-snackbar,
.mat-snack-bar-container.error-snackbar {
  --mdc-snackbar-container-color: #ef4444 !important;
  --mat-mdc-snack-bar-button-color: #ffffff !important;
  background-color: #ef4444 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(239, 68, 68, 0.35) !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}
.mat-mdc-snack-bar-container.success-snackbar,
.mat-snack-bar-container.success-snackbar {
  --mdc-snackbar-container-color: #10b981 !important;
  --mat-mdc-snack-bar-button-color: #ffffff !important;
  background-color: #10b981 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35) !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}
.app-toast {
  font-size: 14px;
}
.app-toast .swal2-title {
  font-size: 14px !important;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.mat-mdc-form-field-infix {
  padding: 0.45rem;
}
.mat-mdc-form-field-focus-overlay {
  background-color: #fff !important;
  background: 1px solid #e7e7e7 !important;
}
.slick-prev::before,
.slick-next::before {
  color: black !important;
  font-size: 25px !important;
}
.swiper-pagination-bullet {
  width: 2px !important;
  height: 2px !important;
}
.slick-prev {
  left: -17px !important;
}
.slick-next {
  right: -23px !important;
}
.slick-track {
  opacity: 1;
  width: 423px !important;
  display: flex !important;
  transform: translate3d(0px, 0px, 0px);
}
.slick-slider {
  display: contents !important;
}
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 999;
  top: 50px;
  left: 0;
  right: 0;
  max-height: 350px;
  overflow-y: scroll;
  border-radius: 4px;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  background-color: #fecc28 !important;
  cursor: pointer;
}
.autocomplete-active {
  background-color: #fecc28 !important;
  color: black;
}
.slick-track {
  gap: 0.4rem;
}
.hide {
  display: none !important;
}
.group-chat-main p.msg strong {
  color: chocolate;
  font-weight: 600;
}
#emoji-picker-outer emoji-picker {
  position: absolute;
  right: -10px;
  bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .dark-bg {
    background: #00000026 !important;
  }
  #emoji-picker-outer emoji-picker {
    position: absolute;
    right: -40px;
    bottom: 37px;
  }
}
html,
body {
  height: 100%;
  background:
    linear-gradient(
      to bottom right,
      #f8fafc,
      #f1f5f9);
}
@media (max-width: 768px) {
  html,
  body {
    overflow: hidden !important;
    overscroll-behavior: none;
  }
}
body {
  margin: 0;
  font-size: 0.8rem !important;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url(/assets/fonts/material-symbols-outlined.woff2) format("woff2");
  font-display: block;
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
image-cropper > div {
  width: 100%;
  position: relative;
  height: max-content;
  min-height: 400px;
  height: 100%;
}
img.source-image {
  max-width: 100%;
  max-height: 100%;
  transform-origin: center;
  position: absolute;
  height: 100%;
  width: 100%;
}
.image-cropper .cropper {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.image-cropper .cropper .move {
  pointer-events: none;
}
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  background: #f5f4f4;
}
::-webkit-scrollbar-thumb {
  background: #7c91d4;
  border-radius: 8px;
}
.cr-boundary img {
  max-height: none;
  max-width: none;
}
.cdk-overlay-container .cdk-global-overlay-wrapper .mat-dialog-container {
  padding: 0px !important;
}
a#showmore {
  color: brown;
  font-size: 14px;
}
ngx-file-drop {
  position: absolute !important;
  top: 40px !important;
  width: 100% !important;
  opacity: 0 !important;
  z-index: 9 !important;
}
ngx-file-drop.dragged {
  opacity: 1 !important;
  z-index: 999999999 !important;
  background: #a09a93a6 !important;
}
.ngx-file-drop__drop-zone--over {
  background-color: transparent !important;
}
.ngx-file-drop__drop-zone {
  border: 0px dotted #0782d0 !important;
  border-radius: 0px !important;
  height: 75vh !important;
}
.ngx-file-drop__content {
  height: 75vh !important;
  color: #ce8706 !important;
}
.ngx-file-drop__content .submitBtn {
  position: absolute;
  right: 20px;
  border-radius: 50%;
  bottom: 20px;
}
.ngx-file-drop__content .closeReply {
  position: absolute;
  top: 20px;
  right: 25px !important;
  color: #333 !important;
  font-size: 36px !important;
  bottom: unset !important;
}
.assigned-by {
  display: block;
  font-size: 13px !important;
  color: #83879b !important;
  font-weight: 400 !important;
  line-height: 1.2;
  margin-top: 2px;
}
#meet-searchautocomplete-list {
  max-height: 200px !important;
  overflow: auto !important;
}
.ngx-pagination .current {
  background-color: #fecc28 !important;
  color: white !important;
  border-radius: 100% !important;
}
.ngx-pagination a {
  border-radius: 100% !important;
}
.ngx-pagination .pagination-previous,
.ngx-pagination .pagination-next {
  border-radius: none !important;
}
.disabled-div {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.7;
}
.swal2-actions {
  justify-content: space-around !important;
  display: flex !important;
  gap: 10px !important;
}
.listing .list-group-item .list-group-item:active {
  margin-top: 0 !important;
  border-top-width: 0 !important;
}
#my-loader {
  position: absolute;
  top: 30%;
  left: 14.9% !important;
}
.calendar-table .calendar .right {
  display: none !important;
}
@media (max-width: 768px) {
  .swal2-cancel.btn.btn-danger {
    margin-bottom: 0px !important;
  }
  .cdk-overlay-pane,
  #cdk-overlay-1 {
    width: 90vw !important;
    max-width: 90vw !important;
  }
  .swal2-cancel.btn.btn-danger {
    margin-bottom: 10px;
  }
  .break-lines {
    display: none;
  }
  ::ng-deep div.mat-mdc-autocomplete-panel {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
}
@media (max-width: 480px) {
  .cdk-overlay-pane,
  #cdk-overlay-1 {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}
:root {
  --bg-app:
    linear-gradient(
      to bottom right,
      #f8fafc,
      #f1f5f9);
  --bg-app-solid: #f8fafc;
  --soft-indigo: #eef2ff;
  --soft-indigo-2: #e0e7ff;
  --soft-indigo-3: #c7d2fe;
  --ink-indigo: #4338ca;
  --soft-amber: #fef3c7;
  --soft-amber-2: #fffbeb;
  --soft-amber-3: #fde68a;
  --ink-amber: #92400e;
  --soft-red: #fee2e2;
  --soft-red-2: #fef2f2;
  --soft-red-3: #fecaca;
  --ink-red: #991b1b;
  --soft-green: #dcfce7;
  --soft-green-2: #f0fdf4;
  --soft-green-3: #d1fae5;
  --ink-green: #166534;
  --soft-violet: #ede9fe;
  --soft-violet-2: #f5f3ff;
  --soft-violet-3: #ddd6fe;
  --ink-violet: #5b21b6;
  --soft-cyan: #cffafe;
  --soft-cyan-2: #ecfeff;
  --ink-cyan: #155e75;
  --soft-orange: #ffedd5;
  --soft-orange-2: #fed7aa;
  --ink-orange: #9a3412;
  --soft-blue: #dbeafe;
  --soft-blue-2: #eff6ff;
  --soft-blue-3: #bfdbfe;
  --ink-blue: #1e40af;
  --soft-teal: #ccfbf1;
  --soft-teal-2: #99f6e4;
  --soft-teal-3: #f0fdfa;
  --ink-teal: #0f766e;
  --bg-card: #ffffff;
  --bg-panel: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-sidebar-alt: #f8f9fa;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --border-color: #e2e8f0;
  --bg-input: #ffffff;
  --text-input: #0f172a;
  --border-input: #e2e8f0;
  --placeholder-input: #94a3b8;
  --bg-hover: #f1f5f9;
  --bg-active: #e8f0fe;
  --bg-dropdown: #ffffff;
  --border-dropdown: #e2e8f0;
  --text-dropdown: #3c4043;
  --shadow-main: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
body.dark-theme,
html.dark-theme {
  --bg-app:
    linear-gradient(
      to bottom right,
      #0f172a,
      #1e293b);
  --bg-app-solid: #0f172a;
  --soft-indigo: rgba(99, 102, 241, 0.18);
  --soft-indigo-2: rgba(99, 102, 241, 0.24);
  --soft-indigo-3: rgba(99, 102, 241, 0.34);
  --ink-indigo: #c7d2fe;
  --soft-amber: rgba(217, 119, 6, 0.2);
  --soft-amber-2: rgba(217, 119, 6, 0.12);
  --soft-amber-3: rgba(217, 119, 6, 0.32);
  --ink-amber: #fcd34d;
  --soft-red: rgba(220, 38, 38, 0.2);
  --soft-red-2: rgba(220, 38, 38, 0.12);
  --soft-red-3: rgba(220, 38, 38, 0.32);
  --ink-red: #fca5a5;
  --soft-green: rgba(22, 163, 74, 0.2);
  --soft-green-2: rgba(22, 163, 74, 0.12);
  --soft-green-3: rgba(22, 163, 74, 0.3);
  --ink-green: #86efac;
  --soft-violet: rgba(124, 58, 237, 0.22);
  --soft-violet-2: rgba(124, 58, 237, 0.12);
  --soft-violet-3: rgba(124, 58, 237, 0.34);
  --ink-violet: #c4b5fd;
  --soft-cyan: rgba(14, 116, 144, 0.24);
  --soft-cyan-2: rgba(14, 116, 144, 0.12);
  --ink-cyan: #67e8f9;
  --soft-orange: rgba(234, 88, 12, 0.22);
  --soft-orange-2: rgba(234, 88, 12, 0.34);
  --ink-orange: #fdba74;
  --soft-blue: rgba(59, 130, 246, 0.2);
  --soft-blue-2: rgba(59, 130, 246, 0.12);
  --soft-blue-3: rgba(59, 130, 246, 0.32);
  --ink-blue: #93c5fd;
  --soft-teal: rgba(13, 148, 136, 0.22);
  --soft-teal-2: rgba(13, 148, 136, 0.34);
  --soft-teal-3: rgba(13, 148, 136, 0.12);
  --ink-teal: #5eead4;
  --bg-card: #1e293b;
  --bg-panel: #1e293b;
  --bg-sidebar: #1e293b;
  --bg-sidebar-alt: #0f172a;
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --border-color: #334155;
  --bg-input: #0f172a;
  --text-input: #f8fafc;
  --border-input: #334155;
  --placeholder-input: #475569;
  --bg-hover: #334155;
  --bg-active: #2b3b5c;
  --bg-dropdown: #1e293b;
  --border-dropdown: #334155;
  --text-dropdown: #cbd5e1;
  --shadow-main: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --color-white: #1e293b;
  --color-black: #cbd5e1;
  --glass-bg: rgba(15, 23, 42, 0.4);
  --glass-border: rgba(51, 65, 85, 0.5);
  --text-dark: #f8fafc;
}
html,
body {
  background: var(--bg-app) !important;
  background-attachment: fixed !important;
  color: var(--text-primary);
}
body.dark-theme .mat-mdc-dialog-container .mdc-dialog__surface,
body.dark-theme .mat-dialog-container,
body.dark-theme .mat-mdc-dialog-surface {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
.my-background {
  background: var(--bg-app) 0% 0% no-repeat padding-box !important;
}
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
  color: var(--text-primary) !important;
}
body.dark-theme p,
body.dark-theme label,
body.dark-theme .text-muted,
body.dark-theme small {
  color: var(--text-secondary);
}
body.dark-theme a {
  color: #3b82f6;
}
body.dark-theme app-chat-sidebar {
  background: var(--bg-card) !important;
}
body.dark-theme .user-card {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .user-card:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .user-card.active-chat {
  background: var(--bg-active) !important;
}
body.dark-theme .user-card .uname {
  color: var(--text-primary) !important;
}
body.dark-theme .user-card .latest-msg {
  color: var(--text-secondary) !important;
}
body.dark-theme .user-card .time-stamp {
  color: var(--text-muted) !important;
}
body.dark-theme .user-card-loading {
  background: var(--bg-card) !important;
}
body.dark-theme .shimmer {
  background:
    linear-gradient(
      90deg,
      #1e293b 25%,
      #334155 37%,
      #1e293b 63%) !important;
}
body.dark-theme .chat-header {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .chat-header .user-list-name,
body.dark-theme .chat-header .group-chat-name {
  color: var(--text-primary) !important;
}
body.dark-theme .chat-header .status-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .chat-header .search-back-btn:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .chat-header .dropdown-menu {
  background-color: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .chat-header .dropdown-item {
  color: var(--text-secondary) !important;
}
body.dark-theme .chat-header .dropdown-item:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .chat-header-actions svg path,
body.dark-theme .chat-header-icon svg path {
  stroke: var(--text-secondary) !important;
}
body.dark-theme .pinned-messages-bar {
  background: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .pinned-messages-bar span,
body.dark-theme .pinned-messages-bar div {
  color: var(--text-secondary) !important;
}
body.dark-theme .pinned-messages-bar span[style*="color: #008069"],
body.dark-theme .pinned-messages-bar span[style*="color: rgb(0, 128, 105)"] {
  color: #3b82f6 !important;
}
body.dark-theme .pinned-messages-bar svg path {
  fill: var(--text-primary) !important;
}
body.dark-theme .pinned-messages-bar svg path[fill="#dc3545"] {
  fill: #ef4444 !important;
}
body.dark-theme .pinned-list {
  background-color: var(--bg-card) !important;
  border-bottom-color: var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .pinned-list div {
  border-bottom-color: var(--border-color) !important;
}
body.dark-theme .pinned-list .pin-txt {
  color: var(--text-primary) !important;
}
body.dark-theme .pinned-list .pinned-close {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .pinned-list svg path {
  fill: var(--text-secondary) !important;
}
body.dark-theme .pinned-list svg path[fill="#dc3545"] {
  fill: #ef4444 !important;
}
body.dark-theme .activity-filter {
  background: var(--bg-sidebar-alt, #1e293b) !important;
  border-bottom: 1px solid var(--border-color, #334155) !important;
  color: var(--text-secondary, #94a3b8) !important;
}
body.dark-theme .activity-filter .af-chip {
  border-color: var(--border-color, #334155) !important;
  background: var(--bg-card, #1e293b) !important;
  color: var(--text-primary, #f8fafc) !important;
}
body.dark-theme .activity-filter .af-chip:hover {
  background: var(--bg-hover, #334155) !important;
}
body.dark-theme .activity-filter .af-chip.off {
  background: transparent !important;
  border-color: var(--border-color, #334155) !important;
  color: var(--text-muted, #64748b) !important;
}
body.dark-theme .activity-filter .af-hidden {
  color: var(--text-muted, #64748b) !important;
}
body.dark-theme .chat-filter-tabs .filter-tab {
  background: var(--bg-sidebar-alt, #1e293b) !important;
  color: var(--text-secondary, #94a3b8) !important;
}
body.dark-theme .chat-filter-tabs .filter-tab:hover,
body.dark-theme .chat-filter-tabs .filter-tab.active,
body.dark-theme .chat-filter-tabs .filter-tab-item.active .filter-tab {
  background: var(--gradient-color) !important;
  color: #ffffff !important;
}
body.dark-theme .chat-text-receiver {
  background: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .chat-text-receiver::before {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .system-message-badge {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .pin-styled-icon {
  background: var(--bg-card) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .chat-date-badge {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .carousel-control,
body.dark-theme .files-carousel-container .carousel-control {
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
body.dark-theme .carousel-control svg,
body.dark-theme .files-carousel-container .carousel-control svg,
body.dark-theme .carousel-control i {
  color: #ffffff !important;
  fill: #ffffff !important;
}
body.dark-theme .carousel-control svg path,
body.dark-theme .files-carousel-container .carousel-control svg path {
  fill: currentColor !important;
}
body.dark-theme .carousel-control:hover:not(:disabled):not(.disabled),
body.dark-theme .files-carousel-container .carousel-control:hover:not(:disabled):not(.disabled) {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  color: #ffffff !important;
}
body.dark-theme .carousel-control:disabled,
body.dark-theme .carousel-control[disabled],
body.dark-theme .carousel-control.disabled,
body.dark-theme .files-carousel-container .carousel-control:disabled,
body.dark-theme .files-carousel-container .carousel-control[disabled],
body.dark-theme .files-carousel-container .carousel-control.disabled {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.65;
}
body.dark-theme .chat-list-window .side-menu button.btn-icon,
body.dark-theme .chat-list-window .side-menu button.btn-icon svg {
  color: var(--text-secondary) !important;
}
body.dark-theme .chat-list-window .side-menu button.btn-icon:hover {
  color: var(--text-primary) !important;
}
body.dark-theme .filter-tab:not(.active) {
  background-color: var(--bg-input) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .filter-tab.active {
  background: var(--gradient-color) !important;
  color: #ffffff !important;
}
body.dark-theme .filter-tab-search {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-input) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .filter-tab-search.active {
  background-color: var(--bg-hover) !important;
  border-color: #6565ac !important;
  color: var(--text-primary) !important;
}
body.dark-theme .search-container {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .search-container:focus-within {
  background-color: var(--bg-card) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .search-container input.form-control {
  color: var(--text-primary) !important;
}
body.dark-theme .search-result-item {
  border-bottom-color: var(--border-color) !important;
}
body.dark-theme .search-result-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .search-result-name {
  color: var(--text-primary) !important;
}
body.dark-theme .search-result-message {
  color: var(--text-secondary) !important;
}
body.dark-theme .search-result-time {
  color: var(--text-muted) !important;
}
body.dark-theme .link-preview-card {
  background-color: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .link-preview-title {
  color: var(--text-primary) !important;
}
body.dark-theme .link-preview-desc {
  color: var(--text-secondary) !important;
}
body.dark-theme .chat-open-window {
  background-color: var(--bg-app-solid) !important;
}
body.dark-theme .chat-image-banner h2 {
  color: var(--text-primary) !important;
}
body.dark-theme .chat-image-banner p {
  color: var(--text-secondary) !important;
}
body.dark-theme .chat-image-banner h2 span,
body.dark-theme .chat-image-banner p span {
  color: #3b82f6 !important;
}
body.dark-theme app-advanced-search {
  color: var(--text-primary) !important;
  background: transparent !important;
}
body.dark-theme .advanced-search-container {
  background: transparent !important;
}
body.dark-theme .advanced-search-container .header-title {
  color: var(--text-primary) !important;
}
body.dark-theme .advanced-search-container .close-btn {
  color: var(--text-muted) !important;
}
body.dark-theme .advanced-search-container .close-btn:hover {
  color: var(--text-primary) !important;
}
body.dark-theme .advanced-search-container .input-container {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-color, var(--border-input)) !important;
}
body.dark-theme .advanced-search-container .input-container:focus-within {
  border-color: #3b82f6 !important;
  background-color: var(--bg-card) !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}
body.dark-theme .advanced-search-container .input-container input {
  color: var(--text-primary) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
body.dark-theme .advanced-search-container .input-container input::placeholder {
  color: var(--placeholder-input, #64748b) !important;
}
body.dark-theme .advanced-search-container .input-container .search-icon {
  color: var(--text-muted, #94a3b8) !important;
}
body.dark-theme .advanced-search-container .search-in-grid button,
body.dark-theme .advanced-search-container .direction-grid button,
body.dark-theme .advanced-search-container .type-grid button {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .advanced-search-container .search-in-grid button:hover,
body.dark-theme .advanced-search-container .direction-grid button:hover,
body.dark-theme .advanced-search-container .type-grid button:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .advanced-search-container .search-in-grid button.active,
body.dark-theme .advanced-search-container .direction-grid button.active,
body.dark-theme .advanced-search-container .type-grid button.active {
  background-color: var(--bg-active) !important;
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}
body.dark-theme .advanced-search-container .subtype-tags button {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-secondary) !important;
  border-color: transparent !important;
}
body.dark-theme .advanced-search-container .subtype-tags button:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .advanced-search-container .subtype-tags button.active {
  background-color: #6565ac !important;
  color: #ffffff !important;
}
body.dark-theme .advanced-search-container .date-input {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .advanced-search-container .date-input:focus {
  background-color: var(--bg-card) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .advanced-search-container .draft-item {
  background-color: var(--bg-sidebar-alt) !important;
  border-left-color: #6565ac !important;
}
body.dark-theme .advanced-search-container .draft-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .advanced-search-container .draft-name {
  color: var(--text-primary) !important;
}
body.dark-theme .advanced-search-container .draft-meta {
  color: var(--text-muted) !important;
}
body.dark-theme .advanced-search-container .save-draft-btn {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .advanced-search-container .save-draft-btn:hover {
  background-color: var(--border-color) !important;
}
body.dark-theme .advanced-search-container .action-footer {
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .search-results-side-panel {
  background-color: var(--bg-card) !important;
  border-left: 1px solid var(--border-color) !important;
}
body.dark-theme app-search-results {
  background-color: var(--bg-card) !important;
  border-left: 1px solid var(--border-color) !important;
}
body.dark-theme .search-results-container {
  background-color: var(--bg-card) !important;
}
body.dark-theme .search-results-container .header-title {
  color: var(--text-primary) !important;
}
body.dark-theme .search-results-container .back-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .search-results-container .back-btn:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .search-results-container .results-header {
  background-color: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .search-results-container .result-item,
body.dark-theme .search-results-container .doc-item {
  background-color: var(--bg-sidebar-alt) !important;
  border-color: transparent !important;
}
body.dark-theme .search-results-container .result-item:hover,
body.dark-theme .search-results-container .doc-item:hover {
  background-color: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md) !important;
}
body.dark-theme .search-results-container .result-name,
body.dark-theme .search-results-container .doc-filename {
  color: var(--text-primary) !important;
}
body.dark-theme .search-results-container .result-message,
body.dark-theme .search-results-container .doc-meta,
body.dark-theme .search-results-container .doc-time {
  color: var(--text-secondary) !important;
}
body.dark-theme .search-results-container .gallery-item {
  background-color: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .search-results-container .results-pagination-loader {
  background-color: var(--bg-card) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .search-results-container .pagination-spinner {
  border-color: var(--border-color) !important;
  border-top-color: #6565ac !important;
}
body.dark-theme .group-info-panel {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .group-info-header {
  background-color: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .group-info-header h6 {
  color: var(--text-primary) !important;
}
body.dark-theme .group-info-header button.btn-icon {
  color: var(--text-secondary) !important;
}
body.dark-theme .group-info-header button.btn-icon:hover {
  color: var(--text-primary) !important;
}
body.dark-theme .panel-group-profile {
  background: var(--bg-card) !important;
  border-bottom: 10px solid var(--bg-sidebar-alt) !important;
}
body.dark-theme .panel-group-name {
  color: var(--text-primary) !important;
}
body.dark-theme .panel-group-count {
  color: var(--text-secondary) !important;
}
body.dark-theme .panel-section-title {
  color: #3b82f6 !important;
}
body.dark-theme .panel-member-item {
  color: var(--text-primary) !important;
}
body.dark-theme .panel-member-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .panel-member-item .panel-member-info div p.mb-0 {
  color: var(--text-primary) !important;
}
body.dark-theme .panel-member-item .panel-member-info div p.text-muted {
  color: var(--text-muted) !important;
}
body.dark-theme .panel-member-item span[style*="color: #7d96d7"],
body.dark-theme .panel-member-item span[style*="color: rgb(125, 150, 215)"] {
  color: #3b82f6 !important;
}
body.dark-theme .panel-member-item div[style*="background: #eef2ff"],
body.dark-theme .panel-member-item div[style*="background: rgb(238, 242, 255)"] {
  background-color: var(--bg-hover) !important;
  color: #3b82f6 !important;
}
body.dark-theme .panel-action-list {
  border-top: 10px solid var(--bg-sidebar-alt) !important;
}
body.dark-theme .panel-action-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .panel-action-btn:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .panel-action-btn.delete {
  color: #ef4444 !important;
}
body.dark-theme .panel-action-btn.delete:hover {
  background-color: rgba(239, 68, 68, 0.1) !important;
}
body.dark-theme .edit-input-group label {
  color: #3b82f6 !important;
}
body.dark-theme .edit-input-group input {
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .edit-input-group input:focus {
  border-bottom-color: #3b82f6 !important;
}
body.dark-theme .edit-desc-input {
  color: var(--text-secondary) !important;
}
body.dark-theme .group-info-panel input.form-control,
body.dark-theme .group-info-panel .p-3 input.form-control {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-input) !important;
}
body.dark-theme .group-info-panel input.form-control::placeholder,
body.dark-theme .group-info-panel .p-3 input.form-control::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .starred-panel {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .starred-header {
  background-color: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .starred-header h6 {
  color: var(--text-primary) !important;
}
body.dark-theme .starred-header .btn-icon {
  color: var(--text-secondary) !important;
}
body.dark-theme .starred-header .btn-icon:hover {
  color: var(--text-primary) !important;
}
body.dark-theme .starred-search {
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .starred-search .search-container {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-input) !important;
}
body.dark-theme .starred-search .search-container .form-control {
  color: var(--text-primary) !important;
}
body.dark-theme .starred-body {
  background-color: var(--bg-app-solid) !important;
}
body.dark-theme .starred-message-item {
  background: transparent !important;
}
body.dark-theme .starred-message-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .starred-message-item .sender-name {
  color: var(--text-primary) !important;
}
body.dark-theme .starred-message-item .chat-target-name {
  color: var(--text-secondary) !important;
}
body.dark-theme .starred-message-item .message-bubble {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-main) !important;
}
body.dark-theme .starred-message-item .message-bubble::before {
  background-color: var(--bg-card) !important;
}
body.dark-theme .starred-message-item .message-bubble.sender {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .starred-message-item .message-bubble.sender::before {
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .starred-message-item .tiny-time {
  color: var(--text-muted) !important;
}
body.dark-theme .starred-message-item .message-bubble.sender .tiny-time {
  color: var(--text-muted) !important;
}
body.dark-theme .starred-document-box-new {
  background-color: var(--bg-sidebar-alt) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .starred-file-name-new {
  color: var(--text-primary) !important;
}
body.dark-theme .starred-download-circle {
  background-color: var(--bg-active) !important;
  color: #3b82f6 !important;
}
body.dark-theme .starred-audio-player.voice-note {
  border-left-color: #3b82f6 !important;
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .message-bubble.sender .starred-audio-player.voice-note {
  border-left-color: #3b82f6 !important;
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .starred-audio-player.voice-note .play-btn-large {
  background-color: var(--bg-active) !important;
  color: #3b82f6 !important;
}
body.dark-theme .message-bubble.sender .starred-audio-player.voice-note .play-btn-large {
  background-color: var(--bg-active) !important;
  color: #3b82f6 !important;
}
body.dark-theme .starred-messages-container .message-bubble:not(.sender) .meta-title {
  color: var(--text-primary) !important;
}
body.dark-theme .starred-messages-container .message-bubble:not(.sender) .meta-description {
  color: var(--text-secondary) !important;
}
body.dark-theme .starred-messages-container .icon-image-container {
  background-color: var(--bg-input) !important;
}
body.dark-theme .seen-info-modal {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}
body.dark-theme .seen-info-modal-header {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .seen-info-modal-title {
  color: var(--text-primary) !important;
}
body.dark-theme .seen-info-close-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .seen-info-close-btn:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .seen-info-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .seen-info-name {
  color: var(--text-primary) !important;
}
body.dark-theme .seen-info-time {
  color: var(--text-muted) !important;
}
body.dark-theme .seen-info-modal-footer {
  border-top: 1px solid var(--border-color) !important;
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .seen-info-stats {
  color: var(--text-muted) !important;
}
body.dark-theme .seen-info-empty-state,
body.dark-theme .seen-info-empty-text {
  color: var(--text-muted) !important;
}
body.dark-theme .forward-modal {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
}
body.dark-theme .forward-modal-header {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .forward-modal-title {
  color: var(--text-primary) !important;
}
body.dark-theme .forward-close-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .forward-close-btn:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .forward-search-container {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .forward-search-icon {
  color: var(--text-muted) !important;
}
body.dark-theme .forward-search-input {
  background: var(--bg-input) !important;
  border: 1px solid var(--border-input) !important;
  color: var(--text-input) !important;
}
body.dark-theme .forward-search-input::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .forward-search-input:focus {
  background: var(--bg-input) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .forward-chat-item {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .forward-chat-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .forward-chat-item:active {
  background: var(--bg-active) !important;
}
body.dark-theme .forward-avatar {
  border-color: var(--border-color) !important;
}
body.dark-theme .forward-avatar-placeholder {
  border-color: var(--border-color) !important;
}
body.dark-theme .forward-chat-name {
  color: var(--text-primary) !important;
}
body.dark-theme .forward-chat-type {
  color: var(--text-secondary) !important;
}
body.dark-theme .forward-empty-state svg,
body.dark-theme .forward-empty-hint {
  color: var(--text-muted) !important;
}
body.dark-theme .forward-empty-text {
  color: var(--text-secondary) !important;
}
body.dark-theme #navSideDis {
  background-color: var(--bg-card) !important;
  border-right: 1px solid var(--border-color) !important;
}
body.dark-theme #navSideDisRight {
  background-color: var(--bg-app-solid) !important;
}
body.dark-theme .public_private {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .public_private p,
body.dark-theme .public_private span {
  color: var(--text-primary) !important;
}
body.dark-theme .public_private:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .public-tab-active,
body.dark-theme .private-tab-active {
  background: var(--bg-active) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .card-cont,
body.dark-theme .card-cont1 {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .card-cont:hover,
body.dark-theme .card-cont1:hover {
  border-color: #3b82f6 !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .card-body {
  border-top: 1px solid var(--border-color) !important;
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .colorPrivate {
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .colorPrivate:hover {
  background: var(--gradient-color) !important;
  color: #ffffff !important;
}
body.dark-theme .scrollableSearch {
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .searchCross {
  color: var(--text-secondary) !important;
}
body.dark-theme .searchCross:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .clearBtn {
  background: var(--gradient-color) !important;
  color: #ffffff !important;
}
body.dark-theme .multiple-tag-search {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .multiTagList {
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .multiTagList:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .borderHis {
  border-bottom: 2px solid var(--border-color) !important;
}
body.dark-theme .tag-element {
  border-color: var(--border-color) !important;
}
body.dark-theme .upload1 {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .file-upload {
  background-color: var(--bg-sidebar-alt) !important;
  border: 2px dashed var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .file-upload p {
  color: var(--text-secondary) !important;
}
body.dark-theme .borderInput {
  background-color: var(--bg-input) !important;
  color: var(--text-input) !important;
  border: 1px solid var(--border-input) !important;
  box-shadow: none !important;
}
body.dark-theme .text-area {
  background-color: var(--bg-input) !important;
  color: var(--text-input) !important;
  border: 1px solid var(--border-input) !important;
  box-shadow: none !important;
}
body.dark-theme .suggestions {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .suggestion-item {
  color: var(--text-secondary) !important;
}
body.dark-theme .suggestion-item:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .add-multiple-files {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .add-multiple-files svg path {
  stroke: var(--text-primary) !important;
}
body.dark-theme .img-thumbnailsList {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .swiper-container {
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .img-wrapper img.img-thumbnail {
  background-color: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .tag-element3 {
  background: var(--bg-sidebar-alt) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .AddToCOdropButton {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .existing-group ul.dropdown-menu {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .pleaseWait {
  background-color: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .list-item {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .list-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .list-item h4 {
  color: var(--text-primary) !important;
}
body.dark-theme .list-participants {
  color: var(--text-secondary) !important;
}
body.dark-theme .missed-call {
  border-left: 4px solid #ef4444 !important;
  background-color: rgba(239, 68, 68, 0.15) !important;
}
body.dark-theme .ongoing-call {
  border-left: 4px solid #22c55e !important;
  background-color: rgba(34, 197, 94, 0.15) !important;
}
app-create-profile {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow: hidden !important;
}
body.dark-theme .create-profile-container {
  background: var(--bg-app) !important;
}
body.dark-theme .tabs-navigation {
  background-color: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .tabs-navigation .tab-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .tabs-navigation .tab-btn.active {
  color: #3b82f6 !important;
  border-bottom: 2px solid #3b82f6 !important;
}
body.dark-theme .form-card {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .section-header h1 {
  color: var(--text-primary) !important;
}
body.dark-theme .section-header p {
  color: var(--text-secondary) !important;
}
body.dark-theme .upload-box {
  background-color: var(--bg-sidebar-alt) !important;
  border: 2px dashed var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .custom-select-btn {
  background-color: var(--bg-input) !important;
  color: var(--text-input) !important;
  border: 1px solid var(--border-input) !important;
}
body.dark-theme .custom-select-btn.is-invalid {
  border-color: #ef4444 !important;
}
body.dark-theme .sidebar-card {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .sidebar-card h2 {
  color: var(--text-primary) !important;
}
body.dark-theme .user-count-badge {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .user-item {
  background-color: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .user-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .user-name {
  color: var(--text-primary) !important;
}
body.dark-theme .user-dept {
  color: var(--text-secondary) !important;
}
body.dark-theme .user-modules {
  color: var(--text-muted) !important;
}
body.dark-theme .action-btn {
  background-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .action-btn:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .table {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .table th {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
  border-bottom: 2px solid var(--border-color) !important;
}
body.dark-theme .table td {
  background-color: var(--bg-card) !important;
  color: var(--text-secondary) !important;
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .table tbody tr {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .table tbody tr:hover td {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .modal-content {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .modal-header {
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .modal-footer {
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .close {
  color: var(--text-primary) !important;
  opacity: 0.8 !important;
}
body.dark-theme .close:hover {
  opacity: 1 !important;
}
body.dark-theme .nav-tabs {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .nav-tabs .nav-link {
  color: var(--text-secondary) !important;
}
body.dark-theme .nav-tabs .nav-link:hover {
  background-color: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .nav-tabs .nav-link.active {
  background-color: var(--bg-card) !important;
  color: #3b82f6 !important;
  border-color: var(--border-color) var(--border-color) transparent !important;
}
body.dark-theme .md-drppicker {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .md-drppicker .calendar {
  background-color: var(--bg-card) !important;
}
body.dark-theme .md-drppicker td.off,
body.dark-theme .md-drppicker td.off:hover {
  background-color: var(--bg-card) !important;
  color: var(--text-muted) !important;
}
body.dark-theme .md-drppicker td.available:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .md-drppicker td.active,
body.dark-theme .md-drppicker td.active:hover {
  background-color: #3b82f6 !important;
  color: white !important;
}
body.dark-theme .md-drppicker .ranges ul li button {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .md-drppicker .ranges ul li button:hover,
body.dark-theme .md-drppicker .ranges ul li button.active {
  background-color: #3b82f6 !important;
  color: white !important;
}
body.dark-theme .lds-facebook div {
  background: var(--text-primary) !important;
}
body.dark-theme .loader-circle {
  border: 2px solid var(--border-color) !important;
  border-top-color: #3b82f6 !important;
}
body.dark-theme .tooltip-text {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme nav.navbar {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color);
}
body.dark-theme .navbar-logo img,
body.dark-theme .logo-link img {
  object-position: -9999px;
  width: 35px !important;
  height: 35px !important;
  background:
    linear-gradient(
      135deg,
      #00fbff,
      #0077ff) !important;
  -webkit-mask: url("./media/header-logo-WUQHVTHH.png") no-repeat center / contain !important;
  mask: url("./media/header-logo-WUQHVTHH.png") no-repeat center / contain !important;
}
body.dark-theme .nav-link {
  color: var(--text-secondary) !important;
}
body.dark-theme .nav-link:hover {
  color: #3b82f6 !important;
  background: var(--bg-hover) !important;
}
body.dark-theme .nav-link.active-link {
  background: var(--bg-active) !important;
  color: #3b82f6 !important;
}
body.dark-theme .action-icon {
  color: var(--text-secondary) !important;
}
body.dark-theme .action-icon:hover {
  background: var(--bg-hover) !important;
  color: #3b82f6 !important;
}
body.dark-theme .dropdown-menu {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .dropdown-item {
  color: var(--text-secondary) !important;
}
body.dark-theme .dropdown-item:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .dropdown-header .greeting {
  color: var(--text-primary) !important;
}
body.dark-theme .dropdown-header .user-meta-info {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-theme .dropdown-header .meta-label {
  color: #94a3b8 !important;
}
body.dark-theme .dropdown-header .meta-value {
  color: #f1f5f9 !important;
}
body.dark-theme .dropdown-divider {
  background-color: var(--border-color) !important;
}
body.dark-theme .notification-panel {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .notification-panel-header {
  background: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .notification-panel-header h3 {
  color: var(--text-primary) !important;
}
body.dark-theme .notification-item {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .notification-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .notification-item.unseen {
  background: var(--bg-active) !important;
}
body.dark-theme .sender-name {
  color: var(--text-primary) !important;
}
body.dark-theme .notification-subtype {
  color: var(--text-muted) !important;
}
body.dark-theme .notification-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .notifications-end,
body.dark-theme .notifications-end p {
  color: #92b6e9 !important;
}
body.dark-theme .modal-card {
  background: var(--bg-card) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .modal-close {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .modal-close:hover {
  background: var(--border-color) !important;
}
body.dark-theme .modal-heading {
  color: var(--text-primary) !important;
}
body.dark-theme .modal-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .modal-actions .btn-secondary {
  background: var(--bg-hover) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .modal-actions .btn-secondary:hover {
  background: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .settings-modal-backdrop {
  background: rgba(0, 0, 0, 0.7) !important;
}
body.dark-theme .settings-modal-card {
  background: var(--bg-card) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .settings-modal-header {
  border-bottom-color: var(--border-color) !important;
}
body.dark-theme .settings-modal-title {
  color: var(--text-primary) !important;
}
body.dark-theme .settings-modal-close {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .settings-modal-close:hover {
  background: var(--border-color) !important;
}
body.dark-theme .settings-tabs {
  background: var(--bg-sidebar-alt) !important;
  border-right-color: var(--border-color) !important;
}
body.dark-theme .settings-tab {
  color: var(--text-secondary) !important;
}
body.dark-theme .settings-tab:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .settings-tab.active {
  background: var(--bg-card) !important;
  color: #3b82f6 !important;
  box-shadow: var(--shadow-md) !important;
}
body.dark-theme .settings-section-title {
  color: var(--text-primary) !important;
}
body.dark-theme .settings-section-desc {
  color: var(--text-secondary) !important;
}
body.dark-theme .sound-setting-card {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .sound-setting-card:hover {
  border-color: #475569 !important;
}
body.dark-theme .sound-setting-label {
  color: var(--text-primary) !important;
}
body.dark-theme .sound-setting-desc {
  color: var(--text-secondary) !important;
}
body.dark-theme .sound-toggle {
  background: var(--bg-hover) !important;
}
body.dark-theme .sound-toggle-thumb {
  background: var(--bg-card) !important;
}
body.dark-theme .sound-options {
  border-top-color: var(--border-color) !important;
}
body.dark-theme .sound-option {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .sound-option:hover {
  border-color: #3b82f6 !important;
  background: var(--bg-active) !important;
}
body.dark-theme .sound-option.selected {
  border-color: #3b82f6 !important;
  background: var(--bg-active) !important;
}
body.dark-theme .sound-option-label {
  color: var(--text-secondary) !important;
}
body.dark-theme .sound-option.selected .sound-option-label {
  color: #93c5fd !important;
}
body.dark-theme .sound-option-play {
  background: var(--bg-card) !important;
  color: var(--text-muted) !important;
}
body.dark-theme .sound-option-play:hover {
  background: #3b82f6 !important;
  color: #ffffff !important;
}
body.dark-theme .swal2-popup {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .swal2-title {
  color: var(--text-primary) !important;
}
body.dark-theme .swal2-html-container {
  color: var(--text-secondary) !important;
}
body.dark-theme .swal2-confirm {
  box-shadow: none !important;
}
body.dark-theme .swal2-cancel {
  background-color: var(--bg-hover) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.dark-theme select,
body.dark-theme textarea {
  background-color: var(--bg-input) !important;
  color: var(--text-input) !important;
  border: 1px solid var(--border-input) !important;
}
body.dark-theme input::placeholder,
body.dark-theme textarea::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme input:focus,
body.dark-theme select:focus,
body.dark-theme textarea:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
  outline: none !important;
}
body.dark-theme .mat-mdc-text-field-wrapper.mdc-text-field {
  background-color: var(--bg-input) !important;
}
body.dark-theme .mat-mdc-form-field {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .mat-mdc-form-field-focus-overlay {
  background-color: var(--bg-input) !important;
}
body.dark-theme .mat-mdc-select-value-text,
body.dark-theme .mat-mdc-select-placeholder,
body.dark-theme .mat-mdc-select-arrow {
  color: var(--text-primary) !important;
}
body.dark-theme .mat-mdc-option {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #3b82f6 !important;
}
body.dark-theme .cdk-overlay-pane {
  background-color: transparent !important;
}
body.dark-theme .mat-mdc-select-panel {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .welcome-title {
  color: var(--text-primary) !important;
}
body.dark-theme .welcome-subtitle {
  color: var(--text-secondary) !important;
}
body.dark-theme .search-input {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .module-card {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-main) !important;
}
body.dark-theme .module-card.hovered {
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .category-text {
  color: var(--text-secondary) !important;
  background: var(--bg-hover) !important;
}
body.dark-theme .module-title {
  color: var(--text-primary) !important;
}
body.dark-theme .module-card.hovered .module-title {
  color: #3b82f6 !important;
}
body.dark-theme .module-description {
  color: var(--text-secondary) !important;
}
body.dark-theme .empty-icon-container {
  background: var(--bg-hover) !important;
}
body.dark-theme .empty-title {
  color: var(--text-primary) !important;
}
body.dark-theme .empty-description {
  color: var(--text-secondary) !important;
}
body.dark-theme .sidebar-container {
  background: var(--bg-card) !important;
  border-right: 1px solid var(--border-color) !important;
}
body.dark-theme .sidebar-tabs {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .tab-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .tab-count {
  background: var(--bg-hover) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .sidebar-search {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .sidebar-search input {
  color: var(--text-primary) !important;
}
body.dark-theme .folder-item {
  color: var(--text-secondary) !important;
}
body.dark-theme .folder-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .selected > .folder-item {
  background: var(--bg-active) !important;
  color: #3b82f6 !important;
}
body.dark-theme .folder-count {
  background: var(--bg-hover) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .children-container {
  border-left: 1px solid var(--border-color) !important;
}
body.dark-theme .sidebar-footer {
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .btn-icon-add:hover,
body.dark-theme .btn-add-inline:hover,
body.dark-theme .action-menu-btn:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .workspace-wrapper {
  background: var(--bg-app-solid) !important;
}
body.dark-theme .sidebar-left {
  background: var(--bg-card) !important;
  border-right: 1px solid var(--border-color) !important;
}
body.dark-theme .listing-area {
  background: var(--bg-app-solid) !important;
}
body.dark-theme .main-content {
  background: var(--bg-card) !important;
  border-radius: 8px !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .sidebar-right {
  background: var(--bg-card) !important;
  border-left: 1px solid var(--border-color) !important;
}
body.dark-theme .panel-overlay {
  background: rgba(15, 23, 42, 0.6) !important;
}
body.dark-theme .workspace-header {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .list-view-container {
  background: var(--bg-card) !important;
}
body.dark-theme .list-item-wrapper {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .list-item-wrapper:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .list-item-wrapper.selected {
  background: var(--bg-active) !important;
}
body.dark-theme .form-panel-header {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .form-section {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .form-label {
  color: var(--text-secondary) !important;
}
body.dark-theme .logs-container {
  background: var(--bg-card) !important;
}
body.dark-theme .log-item {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .log-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .log-user {
  color: var(--text-primary) !important;
}
body.dark-theme .log-action {
  color: var(--text-secondary) !important;
}
body.dark-theme .log-time {
  color: var(--text-muted) !important;
}
body.dark-theme .crm-main-container {
  background: var(--bg-app-solid) !important;
}
body.dark-theme .side-nav-banner {
  background-color: var(--bg-card) !important;
  border-right: 1px solid var(--border-color) !important;
}
body.dark-theme .side-menu ul li {
  color: var(--text-secondary) !important;
}
body.dark-theme .side-menu ul li:hover {
  color: var(--text-primary) !important;
}
body.dark-theme .side-menu ul li svg path,
body.dark-theme .side-menu ul li svg rect {
  stroke: var(--text-secondary) !important;
}
body.dark-theme .side-menu ul li:hover svg path,
body.dark-theme .side-menu ul li:hover svg rect {
  stroke: var(--text-primary) !important;
}
body.dark-theme .overview-header h1 {
  color: #ffffff !important;
}
body.dark-theme .overview-left p {
  color: #ffffff !important;
}
body.dark-theme .stat-card {
  background: rgba(30, 41, 59, 0.4) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: var(--shadow-md) !important;
}
body.dark-theme .stat-card .card-title {
  color: #ffffff !important;
}
body.dark-theme .chart-bg,
body.dark-theme .donut-bg {
  background-color: var(--bg-card) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .status-donut-box {
  background:
    linear-gradient(
      180deg,
      rgba(30, 41, 59, 0.7) 0%,
      rgba(15, 23, 42, 0.8) 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-theme .status-donut-percent {
  color: #fb7185 !important;
}
body.dark-theme .status-donut-label {
  color: #94a3b8 !important;
}
body.dark-theme .status-legend-pill-bottom {
  background:
    linear-gradient(
      180deg,
      rgba(30, 41, 59, 0.7) 0%,
      rgba(15, 23, 42, 0.8) 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
body.dark-theme .status-legend-item {
  color: #cbd5e1 !important;
}
body.dark-theme .status-metric-card.card-total {
  background:
    linear-gradient(
      135deg,
      rgba(30, 58, 138, 0.35) 0%,
      rgba(30, 64, 175, 0.2) 100%) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
}
body.dark-theme .status-metric-card.card-total .badge-total {
  background:
    linear-gradient(
      135deg,
      rgba(59, 130, 246, 0.3) 0%,
      rgba(37, 99, 235, 0.3) 100%) !important;
  color: #60a5fa !important;
  box-shadow: none !important;
}
body.dark-theme .status-metric-card.card-total .metric-value {
  color: #f8fafc !important;
}
body.dark-theme .status-metric-card.card-total .metric-label {
  color: #93c5fd !important;
}
body.dark-theme .status-metric-card.card-total .metric-card-right {
  color: #60a5fa !important;
}
body.dark-theme .status-metric-card.card-inprogress {
  background:
    linear-gradient(
      135deg,
      rgba(113, 63, 18, 0.35) 0%,
      rgba(146, 64, 14, 0.2) 100%) !important;
  border-color: rgba(234, 179, 8, 0.3) !important;
}
body.dark-theme .status-metric-card.card-inprogress .badge-inprogress {
  background:
    linear-gradient(
      135deg,
      rgba(234, 179, 8, 0.3) 0%,
      rgba(217, 119, 6, 0.3) 100%) !important;
  color: #fbbf24 !important;
  box-shadow: none !important;
}
body.dark-theme .status-metric-card.card-inprogress .metric-value {
  color: #f8fafc !important;
}
body.dark-theme .status-metric-card.card-inprogress .metric-label {
  color: #fde047 !important;
}
body.dark-theme .status-metric-card.card-inprogress .metric-card-right {
  color: #fbbf24 !important;
}
body.dark-theme .status-metric-card.card-converted {
  background:
    linear-gradient(
      135deg,
      rgba(20, 83, 45, 0.35) 0%,
      rgba(22, 101, 52, 0.2) 100%) !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
}
body.dark-theme .status-metric-card.card-converted .badge-converted {
  background:
    linear-gradient(
      135deg,
      rgba(34, 197, 94, 0.3) 0%,
      rgba(22, 163, 74, 0.3) 100%) !important;
  color: #4ade80 !important;
  box-shadow: none !important;
}
body.dark-theme .status-metric-card.card-converted .metric-value {
  color: #f8fafc !important;
}
body.dark-theme .status-metric-card.card-converted .metric-label {
  color: #86efac !important;
}
body.dark-theme .status-metric-card.card-converted .metric-card-right {
  color: #4ade80 !important;
}
body.dark-theme .status-metric-card.card-lost {
  background:
    linear-gradient(
      135deg,
      rgba(127, 29, 29, 0.35) 0%,
      rgba(153, 27, 27, 0.2) 100%) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
body.dark-theme .status-metric-card.card-lost .badge-lost {
  background:
    linear-gradient(
      135deg,
      rgba(239, 68, 68, 0.3) 0%,
      rgba(220, 38, 38, 0.3) 100%) !important;
  color: #f87171 !important;
  box-shadow: none !important;
}
body.dark-theme .status-metric-card.card-lost .metric-value {
  color: #f8fafc !important;
}
body.dark-theme .status-metric-card.card-lost .metric-label {
  color: #fca5a5 !important;
}
body.dark-theme .status-metric-card.card-lost .metric-card-right {
  color: #f87171 !important;
}
body.dark-theme .chart-head p {
  color: var(--text-primary) !important;
  border-bottom: none !important;
}
body.dark-theme .graph-title {
  color: var(--text-primary) !important;
}
body.dark-theme .leads-listing-banner {
  background: var(--bg-card) !important;
  box-shadow: var(--shadow-md) !important;
}
body.dark-theme .leads-count h5 {
  color: var(--text-primary) !important;
}
body.dark-theme .leads-count p {
  color: var(--text-primary) !important;
}
body.dark-theme .count-num {
  color: var(--text-primary) !important;
}
body.dark-theme li span {
  color: var(--text-primary) !important;
}
body.dark-theme .inventory-container {
  background: var(--bg-app-solid) !important;
}
body.dark-theme .inventory-card {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-md) !important;
}
body.dark-theme .inventory-card-title {
  color: var(--text-primary) !important;
}
body.dark-theme .inventory-card-value {
  color: var(--text-primary) !important;
}
body.dark-theme .workstation-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .workstation-item:hover {
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .workstation-title {
  color: var(--text-primary) !important;
}
body.dark-theme .ngx-pagination li {
  color: var(--text-secondary) !important;
}
body.dark-theme .ngx-pagination a:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .ngx-pagination .current {
  background-color: #fecc28 !important;
  color: #000000 !important;
}
body.dark-theme .autocomplete-items {
  border-color: var(--border-color) !important;
  background-color: var(--bg-card) !important;
}
body.dark-theme .autocomplete-items div {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .autocomplete-items div:hover {
  background-color: #fecc28 !important;
  color: #000000 !important;
}
body.dark-theme ::-webkit-scrollbar-track {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme ::-webkit-scrollbar-thumb {
  background: var(--border-input) !important;
}
body.dark-theme ::-webkit-scrollbar-thumb:hover {
  background: var(--text-muted) !important;
}
body.dark-theme .apexcharts-canvas text {
  fill: var(--text-secondary) !important;
}
body.dark-theme .apexcharts-legend-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .apexcharts-tooltip.apexcharts-theme-light {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .apexcharts-gridline,
body.dark-theme .apexcharts-grid-borders line {
  stroke: var(--border-color) !important;
}
body.dark-theme .apexcharts-xaxis line,
body.dark-theme .apexcharts-yaxis line {
  stroke: var(--border-color) !important;
}
body.dark-theme .apexcharts-radialbar-track path {
  stroke: var(--border-color) !important;
}
body.dark-theme .apexcharts-radialbar-hollow {
  fill: var(--bg-card) !important;
}
body.dark-theme .apexcharts-legend-series {
  color: var(--text-secondary) !important;
}
body.dark-theme .text-black {
  color: var(--text-primary) !important;
}
body.dark-theme .text-grey {
  color: var(--text-muted) !important;
}
body.dark-theme .bg-white {
  background-color: var(--bg-input) !important;
}
body.dark-theme .white-background {
  background-color: var(--bg-app-solid) !important;
}
body.dark-theme .card {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .dropdown-toggle {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .dropdown-menu {
  background-color: var(--bg-dropdown) !important;
  border: 1px solid var(--border-dropdown) !important;
}
body.dark-theme .dropdown-item {
  color: var(--text-dropdown) !important;
}
body.dark-theme .dropdown-item:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .upload,
body.dark-theme .upload1,
body.dark-theme .upload2 {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .onoffswitch-inner:before,
body.dark-theme .onoffswitch-inner:after {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .onoffswitch-label {
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .header-para {
  color: var(--text-primary) !important;
}
body.dark-theme .selection {
  color: var(--text-muted) !important;
}
body.dark-theme .list-group-item {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .list-group-item.active {
  background: var(--bg-active) !important;
  color: var(--text-primary) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .list-group-item:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .dropButton,
body.dark-theme .col-type {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .tag-element {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .tag-element1 {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .customTags {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .tag-input {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .tag-input::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .text-red {
  color: #ef4444 !important;
}
body.dark-theme #singleChatContainer,
body.dark-theme #groupChatContainer,
body.dark-theme .starred-body-global {
  background-image: linear-gradient(rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.96)), url(/assets/chat-bg-gr.png) !important;
  background-color: var(--bg-app-solid) !important;
}
body.dark-theme .user-list-banner.selected-chat {
  background-color: var(--bg-active) !important;
}
body.dark-theme .user-list-banner:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .user-list-name,
body.dark-theme .recent-sender {
  color: var(--text-primary) !important;
}
body.dark-theme .user-recent-msg {
  color: var(--text-secondary) !important;
}
body.dark-theme .user-list-time {
  color: var(--text-muted) !important;
}
body.dark-theme .search-container {
  background: var(--bg-input) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .search-container:focus-within {
  background: var(--bg-input) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .search-container .form-control {
  color: var(--text-primary) !important;
}
body.dark-theme .search-container .form-control::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .search-heading {
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .search-result-item {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .search-result-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .search-result-name {
  color: var(--text-primary) !important;
}
body.dark-theme .search-result-message {
  color: var(--text-secondary) !important;
}
body.dark-theme .search-result-time {
  color: var(--text-muted) !important;
}
body.dark-theme .message-input-wrapper-column {
  background-color: var(--bg-app-solid) !important;
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .input-pill {
  background-color: var(--bg-input) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .whatsapp-textarea {
  color: var(--text-primary) !important;
}
body.dark-theme .whatsapp-textarea::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .action-trigger,
body.dark-theme .mic-trigger {
  color: var(--text-secondary) !important;
}
body.dark-theme .exited-group-message {
  background: var(--bg-sidebar-alt) !important;
  border-top: 1px solid var(--border-color) !important;
  color: var(--text-muted) !important;
}
body.dark-theme .attach-menu-tooltip {
  background: var(--bg-dropdown) !important;
  border: 1px solid var(--border-dropdown) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .menu-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .menu-item span {
  color: var(--text-primary) !important;
}
body.dark-theme .mention-dropdown {
  background: var(--bg-dropdown, #1e293b) !important;
  border: 1px solid var(--border-dropdown, #334155) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .mention-item {
  color: var(--text-primary, #f8fafc) !important;
}
body.dark-theme .mention-item:hover,
body.dark-theme .mention-item.mention-item-active {
  background: var(--bg-hover, #334155) !important;
}
body.dark-theme .mention-item-name,
body.dark-theme .mention-name,
body.dark-theme .mention-item span {
  color: var(--text-primary, #f8fafc) !important;
}
body.dark-theme .mention-all-sub,
body.dark-theme .mention-desc {
  color: var(--text-muted, #94a3b8) !important;
}
body.dark-theme .mention-all-icon {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #818cf8 !important;
  border-color: rgba(99, 102, 241, 0.35) !important;
}
body.dark-theme .reply-preview-bar {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .message-preview-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .edit-preview-bar {
  background: var(--bg-sidebar-alt) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
body.dark-theme .edit-message-preview {
  color: var(--text-secondary) !important;
}
body.dark-theme .emoji-panel {
  background-color: var(--bg-dropdown) !important;
  border: 1px solid var(--border-dropdown) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme emoji-mart,
body.dark-theme .emoji-mart {
  background-color: var(--bg-dropdown) !important;
  border-color: var(--border-dropdown) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .emoji-mart-category-label span {
  background-color: var(--bg-dropdown) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .emoji-mart-search input {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--text-input) !important;
}
body.dark-theme .emoji-mart-search input::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .emoji-mart-bar {
  border-color: var(--border-dropdown) !important;
  background-color: var(--bg-dropdown) !important;
}
body.dark-theme .emoji-mart-skin-swatches {
  background-color: var(--bg-dropdown) !important;
  border-color: var(--border-dropdown) !important;
}
body.dark-theme .colorPrivate {
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .colorPrivate:hover {
  background: var(--gradient-color) !important;
  color: #ffffff !important;
}
body.dark-theme .fw {
  color: var(--text-primary) !important;
}
body.dark-theme .moreOptions .icons li {
  background-color: var(--text-primary) !important;
}
body.dark-theme .moreOptions .dropdown-content {
  background-color: var(--bg-dropdown) !important;
  border: 1px solid var(--border-dropdown) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .moreOptions .dropdown-content a {
  color: var(--text-primary) !important;
}
body.dark-theme .moreOptions .dropdown a:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .search-container input:not([type=checkbox]):not([type=radio]),
body.dark-theme .search-container input:not([type=checkbox]):not([type=radio]):focus,
body.dark-theme .search-container .form-control:not([type=checkbox]):not([type=radio]),
body.dark-theme .search-container .form-control:not([type=checkbox]):not([type=radio]):focus,
body.dark-theme .advanced-search-container .input-container input:not([type=checkbox]):not([type=radio]),
body.dark-theme .advanced-search-container .input-container input:not([type=checkbox]):not([type=radio]):focus,
body.dark-theme .advanced-search-container .search-input-field input:not([type=checkbox]):not([type=radio]),
body.dark-theme .advanced-search-container .search-input-field input:not([type=checkbox]):not([type=radio]):focus,
body.dark-theme .message-input-wrapper-column input:not([type=checkbox]):not([type=radio]),
body.dark-theme .message-input-wrapper-column input:not([type=checkbox]):not([type=radio]):focus,
body.dark-theme .message-input-wrapper-column textarea,
body.dark-theme .message-input-wrapper-column textarea:focus,
body.dark-theme .whatsapp-textarea,
body.dark-theme .whatsapp-textarea:focus,
body.dark-theme .whatsapp-textarea-wrapper textarea,
body.dark-theme .whatsapp-textarea-wrapper textarea:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.dark-theme .create-group-modal {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .create-group-modal .modal-header {
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .create-group-modal .modal-header h5 {
  color: var(--text-primary) !important;
}
body.dark-theme .create-group-modal .close-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .create-group-modal .close-btn svg path {
  stroke: var(--text-secondary) !important;
}
body.dark-theme .selected-users-top-bar {
  background-color: var(--bg-sidebar-alt) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .selected-users-top-bar::-webkit-scrollbar-thumb {
  background: var(--border-color) !important;
}
body.dark-theme .chip-name {
  color: var(--text-secondary) !important;
}
body.dark-theme .remove-chip-overlay {
  border-color: var(--bg-sidebar-alt) !important;
}
body.dark-theme .create-group-modal input.form-control,
body.dark-theme .create-group-modal .p-2 input.form-control {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-input) !important;
  border-radius: 20px !important;
}
body.dark-theme .create-group-modal input.form-control::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .user-selection-item {
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  background: transparent !important;
}
body.dark-theme .user-selection-item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .user-selection-item.selected {
  background-color: var(--bg-active) !important;
}
body.dark-theme .selection-checkbox {
  border-color: var(--border-color) !important;
}
body.dark-theme .user-selection-item.selected .selection-checkbox {
  background-color: #6565ac !important;
  border-color: #6565ac !important;
  color: #ffffff !important;
}
body.dark-theme .image-circle {
  background-color: var(--bg-sidebar-alt) !important;
  border: 2px dashed var(--border-color) !important;
}
body.dark-theme .group-name-input {
  background-color: var(--bg-input) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-input) !important;
}
body.dark-theme .group-name-input::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .group-name-input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
  outline: none !important;
}
body.dark-theme .vertical-user-item {
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .vertical-user-item span {
  color: var(--text-primary) !important;
}
body.dark-theme .back-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .back-btn svg path {
  fill: var(--text-secondary) !important;
}
body.dark-theme .create-group-modal .loader {
  border-color: #3b82f6 !important;
  border-bottom-color: transparent !important;
}
body.dark-theme .custom-scroll::-webkit-scrollbar-track {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .custom-scroll::-webkit-scrollbar-thumb {
  background: var(--border-color) !important;
}
body.dark-theme .floating-btn:disabled {
  background: var(--bg-hover) !important;
  color: var(--text-muted) !important;
  box-shadow: none !important;
}
body.dark-theme .footer.desktop-footer {
  background-color: var(--bg-card) !important;
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .footer-text {
  color: var(--text-muted) !important;
}
body.dark-theme .mobile-footer {
  background-color: var(--bg-card) !important;
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .footer-item {
  color: var(--text-secondary) !important;
}
body.dark-theme .footer-item.active {
  color: var(--text-primary) !important;
}
body.dark-theme .mobile-footer .badge {
  border-color: var(--bg-card) !important;
}
body.dark-theme .vault-left-content {
  background: var(--bg-sidebar) !important;
}
body.dark-theme .vault-sidenav {
  background: var(--bg-sidebar) !important;
  background-image: none !important;
  border-right: 1px solid var(--border-color) !important;
}
body.dark-theme .vault-sidenav .menu-item {
  color: var(--text-secondary) !important;
}
body.dark-theme .vault-sidenav .menu-item svg path {
  fill: var(--text-secondary) !important;
}
body.dark-theme .vault-sidenav .menu-item:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .vault-sidenav .menu-item:hover svg path {
  fill: var(--text-primary) !important;
}
body.dark-theme .vault-sidenav .menu-item.active {
  background-color: var(--bg-active) !important;
  color: #3b82f6 !important;
  border-left: 4px solid #3b82f6 !important;
}
body.dark-theme .vault-sidenav .menu-item.active svg path {
  fill: #3b82f6 !important;
}
body.dark-theme .vault-header {
  border-bottom-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .vault-header h3 {
  color: var(--text-primary) !important;
}
body.dark-theme .fx-album-search-container .form-control.search-input.tag {
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .fx-album-search-container .fas.fa-search,
body.dark-theme .fx-album-search-container .fas.fa-times {
  color: var(--text-muted) !important;
}
body.dark-theme .album-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .album-item .folder-name {
  color: var(--text-primary) !important;
}
body.dark-theme .album-item.active {
  background-color: var(--bg-active) !important;
  border-left-color: var(--border-light) !important;
}
body.dark-theme .album-item.active .folder-name {
  color: var(--text-primary) !important;
}
body.dark-theme .album-list li:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .badge.bg-secondary {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .gallery-header {
  background-color: var(--bg-card) !important;
  border-bottom-color: var(--border-color) !important;
}
body.dark-theme .album-head-name,
body.dark-theme .album-head span {
  color: var(--text-primary) !important;
}
body.dark-theme .fx-date-range.tag {
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .clear-btn {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .fx-search-container .search-input.tag {
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .fx-search-container .fas.fa-search,
body.dark-theme .fx-search-container .fas.fa-times {
  color: var(--text-muted) !important;
}
body.dark-theme .gallery-item {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-main) !important;
}
body.dark-theme .gallery-item:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--border-light) !important;
}
body.dark-theme .gallery-item p {
  color: var(--text-primary) !important;
}
body.dark-theme .gallery-item .text-muted {
  color: var(--text-muted) !important;
}
body.dark-theme .fw-bold.mb-3,
body.dark-theme .fw-bold.my-1 {
  color: var(--text-primary) !important;
}
body.dark-theme .modal-content {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .modal-header {
  border-bottom-color: var(--border-color) !important;
}
body.dark-theme .modal-title {
  color: var(--text-primary) !important;
}
body.dark-theme .modal-header .close {
  color: var(--text-primary) !important;
  opacity: 0.8;
}
body.dark-theme .modal-header .close:hover {
  opacity: 1;
}
body.dark-theme .album-name-input {
  background-color: var(--bg-input) !important;
  color: var(--text-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .upload-dropzone {
  background-color: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .upload-dropzone:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .upload-dropzone p {
  color: var(--text-secondary) !important;
}
body.dark-theme .selected-files li {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .cancel-btn {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .cancel-btn:hover {
  background: var(--bg-active) !important;
}
body.dark-theme .share-tooltip {
  background: var(--bg-dropdown) !important;
  border-color: var(--border-dropdown) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .share-tooltip::before {
  border-color: transparent transparent var(--bg-dropdown) transparent !important;
}
body.dark-theme .share-tooltip p {
  color: var(--text-primary) !important;
}
body.dark-theme .share-tooltip input {
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .mobile-vault-grid h2 {
  color: var(--text-primary) !important;
}
body.dark-theme .folder-card {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .folder-card:active {
  background: var(--bg-hover) !important;
}
body.dark-theme .folder-grid-name {
  color: var(--text-primary) !important;
}
body.dark-theme .folder-preview-grid {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .preview-placeholder {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .preview-tile {
  background: var(--bg-hover) !important;
}
body.dark-theme .preview-tile.empty {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .no-data-found h5 {
  color: var(--text-secondary) !important;
}
body.dark-theme .md-drppicker {
  background-color: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .md-drppicker .calendar-table {
  background-color: var(--bg-card) !important;
  border: none !important;
}
body.dark-theme .md-drppicker td.off,
body.dark-theme .md-drppicker td.off.in-range,
body.dark-theme .md-drppicker td.off.start-date,
body.dark-theme .md-drppicker td.off.end-date {
  background-color: var(--bg-card) !important;
  color: var(--text-muted) !important;
}
body.dark-theme .md-drppicker td.available:hover,
body.dark-theme .md-drppicker th.available:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .md-drppicker td.in-range {
  background-color: var(--bg-active) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .md-drppicker .ranges ul li button {
  background-color: var(--bg-sidebar-alt) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .md-drppicker .ranges ul li button:hover {
  background-color: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .md-drppicker .ranges ul li button.active {
  background: var(--gradient-color) !important;
  color: #fff !important;
}
body.dark-theme .create-btn {
  color: #ffffff !important;
}
body.dark-theme .album-item.active .text-muted,
body.dark-theme .album-item.active small,
body.dark-theme .album-item.active .badge {
  color: rgba(255, 255, 255, 0.85) !important;
}
body.dark-theme .vault-gallery img,
body.dark-theme .empty-album img,
body.dark-theme .no-data-found img,
body.dark-theme .mobile-vault-grid img[src*=default-img] {
  filter: invert(0.95) hue-rotate(180deg) !important;
  mix-blend-mode: screen !important;
  background: transparent !important;
}
body.dark-theme .activity-logs-container {
  background: var(--bg-app-solid) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .logs-header {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-main) !important;
}
body.dark-theme .logs-title {
  color: var(--text-primary) !important;
}
body.dark-theme .logs-subtitle {
  color: var(--text-secondary) !important;
}
body.dark-theme .btn-close-logs {
  background: var(--bg-hover) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .btn-close-logs:hover {
  background: var(--bg-active) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .folder-group {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-main) !important;
}
body.dark-theme .folder-group:hover {
  box-shadow: var(--shadow-md) !important;
}
body.dark-theme .group-header {
  background: var(--bg-card) !important;
  border-bottom-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .group-header:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .segment-name {
  color: var(--text-secondary) !important;
}
body.dark-theme .segment-name.root-segment {
  color: #3b82f6 !important;
}
body.dark-theme .segment-divider {
  color: var(--border-color) !important;
}
body.dark-theme .log-entry {
  border-bottom-color: var(--border-color) !important;
}
body.dark-theme .log-entry:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .log-entry::before {
  background: var(--border-color) !important;
}
body.dark-theme .performer-name {
  color: var(--text-primary) !important;
}
body.dark-theme .performer-name.is-self {
  color: #3b82f6 !important;
}
body.dark-theme .action-desc-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .record-name {
  color: var(--text-secondary) !important;
}
body.dark-theme .record-name strong {
  color: var(--text-primary) !important;
}
body.dark-theme .log-detail {
  background: var(--bg-sidebar-alt) !important;
  color: var(--text-secondary) !important;
  border-left-color: var(--border-color) !important;
}
body.dark-theme .change-field {
  color: var(--text-primary) !important;
}
body.dark-theme .change-arrow {
  color: var(--text-secondary) !important;
}
body.dark-theme .change-value-flat {
  color: var(--text-secondary) !important;
}
body.dark-theme .change-old {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #fca5a5 !important;
}
body.dark-theme .change-new {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #86efac !important;
}
body.dark-theme .load-more-area {
  color: var(--text-secondary) !important;
}
body.dark-theme .panel-tabs {
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .tab-buttons button {
  color: var(--text-secondary) !important;
}
body.dark-theme .tab-buttons button.active {
  color: #3b82f6 !important;
  border-bottom-color: #3b82f6 !important;
}
body.dark-theme .panel-content {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .form-actions {
  background: var(--bg-card) !important;
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .view-only-footer {
  background: var(--bg-sidebar-alt) !important;
  border-top: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .btn-text {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .btn-text:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .btn-view-map {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .btn-view-map:hover {
  background: var(--bg-hover) !important;
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}
body.dark-theme .platform-card {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .platform-card:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .platform-card.active {
  background: var(--bg-card) !important;
}
body.dark-theme .platform-card.unreal.active {
  border-color: var(--border-color) !important;
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .platform-card.unity.active {
  border-color: var(--border-color) !important;
  background: var(--bg-card) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
body.dark-theme .platform-label {
  color: var(--text-primary) !important;
}
body.dark-theme .platform-icon {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .platform-card.unreal.active .platform-icon {
  color: #ffb74d !important;
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .platform-card.unity.active .platform-icon {
  color: #3b82f6 !important;
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .accordion-content.unreal,
body.dark-theme .accordion-content.unity {
  background-color: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .btn-icon-inside {
  color: var(--text-secondary) !important;
}
body.dark-theme .btn-icon-inside:hover {
  background: var(--bg-hover) !important;
  color: #3b82f6 !important;
}
body.dark-theme .dropdown-trigger {
  background: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--text-input) !important;
}
body.dark-theme .custom-dropdown .dropdown-menu {
  background: var(--bg-dropdown) !important;
  border-color: var(--border-dropdown) !important;
}
body.dark-theme .dropdown-item {
  color: var(--text-primary) !important;
}
body.dark-theme .dropdown-item:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .dropdown-item.active {
  background: #3b82f6 !important;
  color: #ffffff !important;
}
body.dark-theme .custom-dropdown.disabled .dropdown-trigger {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
  color: var(--text-muted) !important;
}
body.dark-theme .activity-timeline::before {
  background: var(--border-color) !important;
}
body.dark-theme .timeline-marker {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .timeline-content {
  background: transparent !important;
  color: var(--text-primary) !important;
}
body.dark-theme .activity-timeline .user-name {
  background: rgba(176, 96, 0, 0.2) !important;
  color: #ffb74d !important;
}
body.dark-theme .activity-timeline .user-name.is-self {
  background: rgba(98, 0, 238, 0.2) !important;
  color: #b388ff !important;
}
body.dark-theme .field-diff {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .old-value {
  color: var(--text-secondary) !important;
}
body.dark-theme .new-value {
  color: #4ade80 !important;
}
body.dark-theme .diff-arrow {
  color: var(--text-muted) !important;
}
body.dark-theme .section-change {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
  border-left-color: #3b82f6 !important;
}
body.dark-theme .nested-changes {
  border-left-color: var(--border-color) !important;
}
body.dark-theme .nested-field-label {
  color: var(--text-secondary) !important;
}
body.dark-theme .field-diff.mini {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .field-label {
  color: var(--text-primary) !important;
}
body.dark-theme .empty-history .history-icon {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .empty-history .history-icon i {
  color: var(--text-muted) !important;
}
body.dark-theme .empty-history h4 {
  color: var(--text-primary) !important;
}
body.dark-theme .empty-history p {
  color: var(--text-secondary) !important;
}
body.dark-theme .mat-dialog-actions button.mat-mdc-button,
body.dark-theme mat-dialog-actions button.mat-mdc-button {
  color: var(--text-primary) !important;
}
body.dark-theme .mat-dialog-actions button.mat-mdc-raised-button[color=primary],
body.dark-theme mat-dialog-actions button.mat-mdc-raised-button[color=primary] {
  background: var(--gradient-color) !important;
  color: #ffffff !important;
}
body.dark-theme .mat-dialog-actions button.mat-mdc-raised-button[disabled],
body.dark-theme mat-dialog-actions button.mat-mdc-raised-button[disabled] {
  background: var(--bg-hover) !important;
  color: var(--text-muted) !important;
}
body.dark-theme .sidebar-search input,
body.dark-theme .fx-search-container input,
body.dark-theme .fx-album-search-container input {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.dark-theme .geoapify-autocomplete-input {
  background-color: var(--bg-input) !important;
  border-color: var(--border-input) !important;
  color: var(--text-input) !important;
}
body.dark-theme .geoapify-autocomplete-items {
  background-color: var(--bg-dropdown) !important;
  border-color: var(--border-dropdown) !important;
}
body.dark-theme .geoapify-autocomplete-items .item {
  color: var(--text-primary) !important;
}
body.dark-theme .geoapify-autocomplete-items .item:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .form-group label,
body.dark-theme .form-section label,
body.dark-theme .form-section > label {
  color: #ffffff !important;
}
body.dark-theme .sidebar-search input:not([type=checkbox]):not([type=radio]),
body.dark-theme .sidebar-search input:focus,
body.dark-theme .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .search-box input:focus,
body.dark-theme .fx-search-container input:not([type=checkbox]):not([type=radio]),
body.dark-theme .fx-search-container input:focus,
body.dark-theme .fx-album-search-container input:not([type=checkbox]):not([type=radio]),
body.dark-theme .fx-album-search-container input:focus {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark-theme .mat-mdc-form-field {
  background-color: transparent !important;
}
body.dark-theme .mat-mdc-form-field-focus-overlay {
  background-color: transparent !important;
}
body.dark-theme .mat-mdc-form-field input:not([type=checkbox]):not([type=radio]),
body.dark-theme .mat-mdc-form-field input:focus,
body.dark-theme mat-form-field input:not([type=checkbox]):not([type=radio]),
body.dark-theme mat-form-field input:focus {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark-theme .mat-mdc-floating-label,
body.dark-theme .mat-mdc-floating-label span,
body.dark-theme .mdc-floating-label {
  color: var(--text-secondary) !important;
}
body.dark-theme .mat-mdc-form-field.mat-focused .mat-mdc-floating-label,
body.dark-theme .mat-mdc-form-field.mat-focused .mat-mdc-floating-label span,
body.dark-theme .mat-mdc-form-field.mat-focused .mdc-floating-label {
  color: #3b82f6 !important;
}
body.dark-theme .selected-users-roles h4 {
  color: var(--text-secondary) !important;
}
body.dark-theme .user-role-item {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .user-role-item .user-name {
  background: transparent !important;
  color: var(--text-primary) !important;
}
body.dark-theme .role-selector {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .role-btn {
  color: var(--text-secondary) !important;
}
body.dark-theme .role-btn.active {
  background: var(--bg-card) !important;
  color: #3b82f6 !important;
}
body.dark-theme .login-container {
  background:
    linear-gradient(
      to bottom right,
      #f8fafc,
      #f1f5f9) !important;
}
body.dark-theme .login-form__content {
  background: #f8fafc !important;
  color: #0f172a !important;
}
body.dark-theme .login-container input:not([type=checkbox]):not([type=radio]),
body.dark-theme .login-form__input {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 2px solid #e2e8f0 !important;
}
body.dark-theme .login-container input:focus,
body.dark-theme .login-form__input:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
  outline: none !important;
}
body.dark-theme .login-container input::placeholder,
body.dark-theme .login-form__input::placeholder {
  color: #94a3b8 !important;
}
body.dark-theme .login-form__password-toggle {
  color: #64748b !important;
}
body.dark-theme .login-form__password-toggle:hover {
  background: #f1f5f9 !important;
  color: #3b82f6 !important;
}
body.dark-theme .login-form__error {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #ef4444 !important;
}
body.dark-theme .login-form__button {
  background:
    linear-gradient(
      90deg,
      #6565ac,
      #86a8e7,
      #91eae4) !important;
  color: #ffffff !important;
}
body.dark-theme .side-nav-banner {
  background: var(--bg-sidebar) !important;
  background-image: none !important;
  border-right: 1px solid var(--border-color) !important;
}
body.dark-theme .side-menu ul li {
  color: var(--text-secondary) !important;
}
body.dark-theme .side-menu ul li span {
  color: var(--text-secondary) !important;
}
body.dark-theme .side-menu ul li:hover:not(.active) {
  background-color: var(--bg-hover) !important;
  border-radius: 6px;
}
body.dark-theme .side-menu ul li:hover:not(.active) span {
  color: var(--text-primary) !important;
}
body.dark-theme .side-menu ul li.active {
  background: var(--bg-active) !important;
  background-color: var(--bg-active) !important;
  color: #3b82f6 !important;
  border-radius: 6px;
}
body.dark-theme .side-menu ul li.active span {
  color: #3b82f6 !important;
}
body.dark-theme .leads-tracker-banner,
body.dark-theme .contact-tracker-banner,
body.dark-theme .onboard-tracker-banner,
body.dark-theme .demo-tracker-banner,
body.dark-theme .career-tracker-banner {
  background: var(--bg-card) !important;
  background-color: var(--bg-card) !important;
  border: none !important;
}
body.dark-theme .demo-tracker-banner thead,
body.dark-theme .leads-tracker-banner thead,
body.dark-theme .contact-tracker-banner thead,
body.dark-theme .onboard-tracker-banner thead,
body.dark-theme .career-tracker-banner thead {
  background: var(--bg-card) !important;
  background-color: var(--bg-card) !important;
}
body.dark-theme .leads-content tbody tr {
  background: transparent !important;
  background-color: transparent !important;
}
body.dark-theme .leads-content tbody td,
body.dark-theme .leads-content tbody td.d-flex {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-color) !important;
  display: table-cell !important;
}
body.dark-theme .leads-content tbody tr:hover {
  background-color: var(--bg-hover) !important;
}
body.dark-theme .leads-content thead th {
  background: var(--bg-card) !important;
  background-color: var(--bg-card) !important;
  color: var(--text-secondary) !important;
  border-bottom: 2px solid var(--border-color) !important;
}
body.dark-theme .mat-dropdown-panel {
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
}
body.dark-theme .mat-dropdown-panel .mat-mdc-form-field,
body.dark-theme .all-filter-select .mat-mdc-form-field {
  background: var(--bg-input, #101928) !important;
  border: 1px solid var(--border-input, rgba(255, 255, 255, 0.18)) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
body.dark-theme .mat-dropdown-panel:hover .mat-mdc-form-field,
body.dark-theme .all-filter-select:hover .mat-mdc-form-field {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
body.dark-theme .mat-dropdown-panel .mat-mdc-select-value,
body.dark-theme .mat-dropdown-panel .mat-mdc-select-placeholder,
body.dark-theme .mat-dropdown-panel .mat-mdc-select-value-text,
body.dark-theme .all-filter-select .mat-mdc-select-value,
body.dark-theme .all-filter-select .mat-mdc-select-placeholder,
body.dark-theme .all-filter-select .mat-mdc-select-value-text,
body.dark-theme .all-filter-select .mat-mdc-select-min-line,
body.dark-theme .leads-content thead th .mat-mdc-select-value,
body.dark-theme .leads-content thead th .mat-mdc-select-placeholder,
body.dark-theme .leads-content thead th .mat-mdc-select-value-text {
  color: #e2e8f0 !important;
}
body.dark-theme .mat-dropdown-panel .mat-mdc-select-arrow,
body.dark-theme .all-filter-select .mat-mdc-select-arrow,
body.dark-theme .leads-content thead th .mat-mdc-select-arrow,
body.dark-theme .all-filter-select .mat-mdc-select-arrow svg {
  color: #94a3b8 !important;
  fill: #94a3b8 !important;
}
body.dark-theme .mat-mdc-select-panel {
  background: #1e293b !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}
body.dark-theme .mat-mdc-option {
  background: transparent !important;
  color: #cbd5e1 !important;
}
body.dark-theme .mat-mdc-option .mdc-list-item__primary-text {
  color: #cbd5e1 !important;
}
body.dark-theme .mat-mdc-option:hover,
body.dark-theme .mat-mdc-option.mdc-list-item--activated,
body.dark-theme .mat-mdc-option.mat-mdc-option-active {
  background: #334155 !important;
}
body.dark-theme .mat-mdc-option:hover .mdc-list-item__primary-text,
body.dark-theme .mat-mdc-option.mdc-list-item--activated .mdc-list-item__primary-text,
body.dark-theme .mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: #ffffff !important;
}
.custom-audio-player {
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  width: 100%;
  box-sizing: border-box;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 44px;
  transition: all 0.2s ease;
}
body.dark-theme .custom-audio-player {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.custom-audio-player .audio-control-btn.play-pause-btn {
  order: 1 !important;
}
.audio-control-btn {
  background: transparent;
  border: none;
  color: #1e293b;
  padding: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease;
  outline: none !important;
  flex-shrink: 0;
}
body.dark-theme .audio-control-btn {
  color: #f8fafc;
}
.audio-control-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  transform: scale(1.08);
}
body.dark-theme .audio-control-btn:hover {
  background: rgba(255, 255, 255, 0.12);
}
.audio-speed-pill-btn {
  order: 2 !important;
  background: #dbeafe;
  color: #2563eb;
  font-size: 11.5px;
  font-weight: 700;
  padding: 3px 0;
  border-radius: 14px;
  border: 1px solid rgba(37, 99, 235, 0.25);
  cursor: pointer;
  transition: all 0.15s ease;
  margin: 0 !important;
  outline: none !important;
  -webkit-user-select: none;
  user-select: none;
  width: 36px;
  text-align: center;
  flex-shrink: 0;
}
body.dark-theme .audio-speed-pill-btn {
  background: rgba(59, 130, 246, 0.25);
  color: #60a5fa;
  border-color: rgba(96, 165, 250, 0.3);
}
.audio-speed-pill-btn:hover {
  background: #bfdbfe;
  color: #1d4ed8;
  transform: scale(1.05);
}
body.dark-theme .audio-speed-pill-btn:hover {
  background: rgba(59, 130, 246, 0.4);
  color: #93c5fd;
}
.audio-progress-container {
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  min-width: 60px !important;
  flex: 1 1 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 4px !important;
  height: 100% !important;
}
.audio-time-text {
  order: 4 !important;
  font-size: 11.5px;
  font-weight: 600;
  color: #475569;
  font-family:
    "Poppins",
    monospace,
    sans-serif;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  margin: 0 4px !important;
  text-align: center;
  flex-shrink: 0;
  display: inline-block;
}
body.dark-theme .audio-time-text {
  color: #94a3b8;
}
.custom-audio-player .audio-control-btn.mute-btn {
  order: 5 !important;
  margin-left: 0 !important;
}
.audio-progress-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100% !important;
  height: 6px !important;
  border-radius: 3px !important;
  background: #cbd5e1;
  margin: 0 !important;
  outline: none;
  cursor: pointer;
  transition: background 0.15s ease;
  display: block;
}
body.dark-theme .audio-progress-slider {
  background: #475569;
}
.audio-progress-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease;
}
.audio-progress-slider::-webkit-slider-thumb:hover {
  transform: scale(1.25);
}
.audio-progress-slider::-moz-range-thumb {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #3b82f6;
  border: none;
  cursor: pointer;
}
@media (max-width: 768px) {
  .custom-audio-player {
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 12px 10px 12px !important;
    justify-content: space-between !important;
    border-radius: 10px !important;
  }
  .custom-audio-player .audio-control-btn.play-pause-btn {
    order: 1 !important;
  }
  .custom-audio-player .audio-speed-pill-btn {
    order: 2 !important;
    margin: 0 0 0 4px !important;
  }
  .custom-audio-player .audio-time-text {
    order: 3 !important;
    margin-left: auto !important;
    margin-right: 6px !important;
    font-size: 11px !important;
  }
  .custom-audio-player .audio-control-btn.mute-btn {
    order: 4 !important;
  }
  .custom-audio-player .audio-progress-container {
    order: 5 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 0 2px !important;
  }
}
body.dark-theme .radial-charts-grid .chart-info p {
  color: var(--text-primary) !important;
}
body.dark-theme .radial-charts-grid .chart-info p:nth-child(2) {
  color: var(--text-secondary) !important;
}
body.dark-theme .center-circle {
  background: var(--bg-card) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .center-circle p,
body.dark-theme .center-circle span {
  color: var(--text-primary) !important;
}
body.dark-theme .redesigned-lead-modal .modal-content {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
body.dark-theme .redesigned-lead-modal .modal-header {
  background: #1e293b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .redesigned-lead-modal .header-title-text {
  color: #f8fafc !important;
}
body.dark-theme .redesigned-lead-modal .header-icon-badge {
  background: rgba(124, 58, 237, 0.25) !important;
  color: #c084fc !important;
}
body.dark-theme .redesigned-lead-modal .copy-clipboard-btn {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #818cf8 !important;
}
body.dark-theme .redesigned-lead-modal .copy-clipboard-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: #818cf8 !important;
  color: #a5b4fc !important;
}
body.dark-theme .redesigned-lead-modal .modal-close-sq-btn {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #94a3b8 !important;
}
body.dark-theme .redesigned-lead-modal .modal-close-sq-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}
body.dark-theme .redesigned-lead-modal .modal-body {
  background: #0b1329 !important;
}
body.dark-theme .modal-section-card {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
body.dark-theme .section-card-title {
  color: #f8fafc !important;
}
body.dark-theme .section-card-icon {
  background: rgba(124, 58, 237, 0.25) !important;
  color: #c084fc !important;
}
body.dark-theme .info-field-left {
  color: #94a3b8 !important;
}
body.dark-theme .info-field-left svg {
  color: #64748b !important;
}
body.dark-theme .info-field-value {
  color: #60a5fa !important;
}
body.dark-theme .status-pill-badge {
  background: rgba(99, 102, 241, 0.25) !important;
  color: #a5b4fc !important;
}
body.dark-theme .status-pill-badge .status-dot {
  background: #818cf8 !important;
}
body.dark-theme .source-pill-badge {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #86efac !important;
}
body.dark-theme .redesigned-lead-modal #modal-badge-button,
body.dark-theme .redesigned-lead-modal .badge-select-pill-btn {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #f8fafc !important;
}
body.dark-theme .redesigned-lead-modal #modal-badge-button:hover,
body.dark-theme .redesigned-lead-modal .badge-select-pill-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}
body.dark-theme .redesigned-lead-modal .badge-select-placeholder {
  color: #94a3b8 !important;
}
body.dark-theme .redesigned-lead-modal .dropdown-arrow-icon {
  color: #94a3b8 !important;
}
.badge-emerging,
body.dark-theme .badge-emerging,
:host-context(body.dark-theme) .badge-emerging,
body.dark-theme .dd-btn .badge-emerging,
:host-context(body.dark-theme) .dd-btn .badge-emerging,
.dd-btn .badge-emerging {
  background: #ffffff !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border: 2px solid #cacaca !important;
}
body.dark-theme .badge-items.dropdown-menu,
body.dark-theme .badge-items.dropdown-menu.show,
body.dark-theme .dropdown-menu.badge-items {
  background-color: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
body.dark-theme .badge-items .dropdown-item {
  color: #f8fafc !important;
  background-color: transparent !important;
}
body.dark-theme .badge-items .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
body.dark-theme .close-badge-dd {
  color: #94a3b8 !important;
}
body.dark-theme .close-badge-dd:hover {
  color: #f8fafc !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .assign-user-radio-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-theme .assign-user-radio-box:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
body.dark-theme .assign-user-avatar {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .assign-user-name {
  color: #f8fafc !important;
}
body.dark-theme .assign-user-role {
  color: #94a3b8 !important;
}
body.dark-theme .custom-radio-circle {
  border-color: #475569 !important;
}
body.dark-theme .assign-user-radio-box.active .custom-radio-circle {
  border-color: #818cf8 !important;
}
body.dark-theme .custom-radio-circle-inner {
  background: #818cf8 !important;
}
body.dark-theme .activity-box-inner {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  scrollbar-color: #475569 #0f172a !important;
}
body.dark-theme .activity-box-inner::-webkit-scrollbar-track {
  background: #0f172a !important;
}
body.dark-theme .activity-box-inner::-webkit-scrollbar-thumb {
  background: #475569 !important;
}
body.dark-theme .activity-channel-title {
  color: #f8fafc !important;
}
body.dark-theme .message-text {
  color: #cbd5e1 !important;
}
body.dark-theme .view-detail-btn {
  background: rgba(99, 102, 241, 0.25) !important;
  color: #a5b4fc !important;
}
body.dark-theme .view-detail-btn:hover {
  background: rgba(99, 102, 241, 0.4) !important;
  color: #c7d2fe !important;
}
body.dark-theme .redesigned-notes-textarea {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #f8fafc !important;
}
body.dark-theme .redesigned-notes-textarea:focus {
  border-color: #818cf8 !important;
  box-shadow: 0 0 0 2px rgba(129, 140, 248, 0.2) !important;
}
body.dark-theme .notes-char-counter {
  color: #64748b !important;
}
body.dark-theme .btn-delete-red-outline {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #fca5a5 !important;
}
body.dark-theme .btn-delete-red-outline:hover {
  background: rgba(239, 68, 68, 0.25) !important;
  border-color: #ef4444 !important;
  color: #f87171 !important;
}
body.dark-theme .btn-unqualified-toggle {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #cbd5e1 !important;
}
body.dark-theme .btn-unqualified-toggle:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
body.dark-theme .canvas-title {
  color: #f8fafc !important;
}
body.dark-theme .canvas-subtitle {
  color: #cbd5e1 !important;
}
body.dark-theme .canvas-subtitle span {
  color: #e2e8f0 !important;
}
body.dark-theme .canvas-divider {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .canvas-header-right .btn-back,
body.dark-theme .canvas-header-right .dropdown .btn {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #e2e8f0 !important;
}
body.dark-theme .canvas-header-right .btn-back:hover,
body.dark-theme .canvas-header-right .dropdown .btn:hover {
  background: #334155 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}
body.dark-theme .canvas-header-right .btn-back svg,
body.dark-theme .canvas-header-right .dropdown .btn svg {
  color: #94a3b8 !important;
  fill: #94a3b8 !important;
}
body.dark-theme .canvas-header-right .btn-back:hover svg,
body.dark-theme .canvas-header-right .dropdown .btn:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
body.dark-theme .canvas-header-right .btn-back-icon .dot {
  background: #94a3b8 !important;
}
body.dark-theme .canvas-header-right .btn-back:hover .btn-back-icon .dot {
  background: #ffffff !important;
}
body.dark-theme .canvas-header-right .dropdown-menu {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .canvas-header-right .dropdown-item {
  color: #cbd5e1 !important;
}
body.dark-theme .canvas-header-right .dropdown-item:hover,
body.dark-theme .canvas-header-right .dropdown-item.active {
  background: #334155 !important;
  color: #ffffff !important;
}
body.dark-theme .canvas-tab {
  background: #1e293b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .canvas-tab.active {
  background: #25334c !important;
  border-bottom: 2px solid #6366f1 !important;
}
body.dark-theme .canvas-tab p {
  color: #e2e8f0 !important;
}
body.dark-theme .canvas-column {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.dark-theme .assigned-card {
  background: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  color: #f8fafc !important;
}
body.dark-theme .assigned-card:hover {
  border-color: rgba(99, 102, 241, 0.5) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .lead-person-name {
  color: #f8fafc !important;
}
body.dark-theme .lead-company-name {
  color: #94a3b8 !important;
}
body.dark-theme .btn-accordion-toggle svg path {
  stroke: #94a3b8 !important;
}
body.dark-theme .card-summary-box {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.dark-theme .summary-label {
  color: #94a3b8 !important;
}
body.dark-theme .summary-assignee-name {
  color: #a5b4fc !important;
}
body.dark-theme .summary-assignee-name small,
body.dark-theme .summary-assignee-name span {
  color: #818cf8 !important;
}
body.dark-theme .summary-value {
  color: #f8fafc !important;
}
body.dark-theme .summary-divider {
  background: rgba(255, 255, 255, 0.12) !important;
}
body.dark-theme .meta-icon-badge {
  background: rgba(139, 92, 246, 0.25) !important;
  color: #c084fc !important;
}
body.dark-theme .card-expanded-section {
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-theme .section-icon-badge {
  background: rgba(147, 51, 234, 0.25) !important;
  color: #d8b4fe !important;
}
body.dark-theme .section-title-text {
  color: #c084fc !important;
}
body.dark-theme .section-header-line {
  background: rgba(255, 255, 255, 0.12) !important;
}
body.dark-theme .grid-field-item {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.dark-theme .field-icon-badge {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
}
body.dark-theme .field-label {
  color: #94a3b8 !important;
}
body.dark-theme .field-value {
  color: #f8fafc !important;
}
body.dark-theme .details-panel {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5) !important;
}
body.dark-theme .details-title {
  color: #f8fafc !important;
}
body.dark-theme .details-back-btn {
  background: #1e293b !important;
  color: #cbd5e1 !important;
}
body.dark-theme .canvas-header-right .btn,
body.dark-theme .canvas-header-right .btn-outline-primary,
body.dark-theme .canvas-header-right .dropdown-toggle,
body.dark-theme .canvas-header-right .btn-back,
body.dark-theme .canvas-header-right .dropdown .btn,
body.dark-theme .badge-dropdown .btn,
body.dark-theme .daterange-dropdown .btn,
body.dark-theme .badge-dropdown .dropdown-toggle,
body.dark-theme .daterange-dropdown .dropdown-toggle,
:host-context(body.dark-theme) .canvas-header-right .btn,
:host-context(body.dark-theme) .canvas-header-right .btn-outline-primary,
:host-context(body.dark-theme) .canvas-header-right .dropdown-toggle,
:host-context(body.dark-theme) .canvas-header-right .btn-back,
:host-context(body.dark-theme) .canvas-header-right .dropdown .btn,
:host-context(body.dark-theme) .badge-dropdown .btn,
:host-context(body.dark-theme) .daterange-dropdown .btn,
:host-context(body.dark-theme) .badge-dropdown .dropdown-toggle,
:host-context(body.dark-theme) .daterange-dropdown .dropdown-toggle {
  background: #101928 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #e2e8f0 !important;
  box-shadow: none !important;
}
body.dark-theme .canvas-header-right .btn span,
body.dark-theme .canvas-header-right .btn-outline-primary span,
body.dark-theme .canvas-header-right .dropdown-toggle span,
body.dark-theme .canvas-header-right .btn-back span,
body.dark-theme .canvas-header-right .dropdown .btn span,
body.dark-theme .badge-dropdown .btn span,
body.dark-theme .daterange-dropdown .btn span,
body.dark-theme .badge-dropdown .dropdown-toggle span,
body.dark-theme .daterange-dropdown .dropdown-toggle span,
:host-context(body.dark-theme) .canvas-header-right .btn span,
:host-context(body.dark-theme) .canvas-header-right .btn-outline-primary span,
:host-context(body.dark-theme) .canvas-header-right .dropdown-toggle span,
:host-context(body.dark-theme) .canvas-header-right .btn-back span,
:host-context(body.dark-theme) .canvas-header-right .dropdown .btn span,
:host-context(body.dark-theme) .badge-dropdown .btn span,
:host-context(body.dark-theme) .daterange-dropdown .btn span,
:host-context(body.dark-theme) .badge-dropdown .dropdown-toggle span,
:host-context(body.dark-theme) .daterange-dropdown .dropdown-toggle span {
  color: #e2e8f0 !important;
}
body.dark-theme .canvas-header-right .btn:hover,
body.dark-theme .canvas-header-right .btn-outline-primary:hover,
body.dark-theme .canvas-header-right .dropdown-toggle:hover,
body.dark-theme .canvas-header-right .btn-back:hover,
body.dark-theme .canvas-header-right .dropdown .btn:hover,
body.dark-theme .badge-dropdown .btn:hover,
body.dark-theme .daterange-dropdown .btn:hover,
:host-context(body.dark-theme) .canvas-header-right .btn:hover,
:host-context(body.dark-theme) .canvas-header-right .btn-outline-primary:hover,
:host-context(body.dark-theme) .canvas-header-right .dropdown-toggle:hover,
:host-context(body.dark-theme) .canvas-header-right .btn-back:hover,
:host-context(body.dark-theme) .canvas-header-right .dropdown .btn:hover,
:host-context(body.dark-theme) .badge-dropdown .btn:hover,
:host-context(body.dark-theme) .daterange-dropdown .btn:hover {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
}
body.dark-theme .canvas-header-right .btn svg,
body.dark-theme .canvas-header-right .btn-outline-primary svg,
body.dark-theme .canvas-header-right .dropdown-toggle svg,
body.dark-theme .canvas-header-right .btn-back svg,
body.dark-theme .canvas-header-right .dropdown .btn svg,
body.dark-theme .badge-dropdown .btn svg,
body.dark-theme .daterange-dropdown .btn svg,
:host-context(body.dark-theme) .canvas-header-right .btn svg,
:host-context(body.dark-theme) .canvas-header-right .btn-outline-primary svg,
:host-context(body.dark-theme) .canvas-header-right .dropdown-toggle svg,
:host-context(body.dark-theme) .canvas-header-right .btn-back svg,
:host-context(body.dark-theme) .canvas-header-right .dropdown .btn svg,
:host-context(body.dark-theme) .badge-dropdown .btn svg,
:host-context(body.dark-theme) .daterange-dropdown .btn svg {
  color: #94a3b8 !important;
  fill: #94a3b8 !important;
}
body.dark-theme .canvas-header-right .btn-back-icon .dot,
:host-context(body.dark-theme) .canvas-header-right .btn-back-icon .dot {
  background: #94a3b8 !important;
}
body.dark-theme .project-pill-badge {
  border-radius: 12px !important;
  font-weight: 700 !important;
}
body.dark-theme .project-pill-badge.badge-iic-lab,
body.dark-theme .badge-iic-lab {
  background: rgba(124, 58, 237, 0.25) !important;
  color: #d8b4fe !important;
  border: 1px solid rgba(192, 132, 252, 0.35) !important;
}
body.dark-theme .project-pill-badge.badge-v-retail,
body.dark-theme .badge-v-retail {
  background: rgba(37, 99, 235, 0.25) !important;
  color: #93c5fd !important;
  border: 1px solid rgba(147, 197, 253, 0.35) !important;
}
body.dark-theme .project-pill-badge.badge-v-estate,
body.dark-theme .badge-v-estate {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #6ee7b7 !important;
  border: 1px solid rgba(110, 231, 183, 0.35) !important;
}
body.dark-theme .project-pill-badge.badge-outbound,
body.dark-theme .badge-outbound {
  background: rgba(236, 72, 153, 0.25) !important;
  color: #f472b6 !important;
  border: 1px solid rgba(244, 114, 182, 0.35) !important;
}
body.dark-theme .lead-avatar-box,
:host-context(body.dark-theme) .lead-avatar-box {
  background:
    linear-gradient(
      135deg,
      #38bdf8 0%,
      #6366f1 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
body.dark-theme .lead-avatar-box img,
:host-context(body.dark-theme) .lead-avatar-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  background: transparent !important;
  filter: none !important;
}
body.dark-theme .assignee-avatar,
:host-context(body.dark-theme) .assignee-avatar {
  background: #1e293b !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  filter: none !important;
}
body.dark-theme .canvas-logo img,
:host-context(body.dark-theme) .canvas-logo img {
  filter: none !important;
  background: transparent !important;
}
body.dark-theme .status-item,
body.dark-theme .status-item p {
  color: var(--text-secondary) !important;
}
body.dark-theme .kanban-view-btn span {
  color: #ffffff !important;
}
body.dark-theme .lead-canvas-wrapper {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .canvas-column {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .btn-back {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .btn-back:hover {
  background: var(--bg-hover) !important;
}
body.dark-theme .btn-back-icon .dot {
  background: var(--text-secondary) !important;
}
body.dark-theme .assigned-card {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .assigned-card p,
body.dark-theme .assigned-card span {
  color: var(--text-primary) !important;
}
body.dark-theme .canvas-header-left p,
body.dark-theme .canvas-header-left span,
body.dark-theme .canvas-header-right span {
  color: var(--text-primary) !important;
}
body.dark-theme .canvas-divider {
  border-color: var(--border-color) !important;
}
body.dark-theme .canvas-tab {
  background: var(--bg-sidebar-alt) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .canvas-tab p {
  color: var(--text-secondary) !important;
}
body.dark-theme .canvas-tab.active {
  background: var(--bg-active) !important;
  border-color: #3b82f6 !important;
}
body.dark-theme .canvas-tab.active p {
  color: #3b82f6 !important;
}
body.dark-theme .details-panel {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .detail-row label {
  color: var(--text-secondary) !important;
}
body.dark-theme .detail-row .colon {
  color: var(--text-secondary) !important;
}
body.dark-theme .detail-input {
  background-color: var(--bg-input) !important;
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
  border-color: var(--border-input) !important;
}
body.dark-theme .details-back-btn {
  background: transparent !important;
  border: none !important;
}
body.dark-theme .details-back-btn svg path {
  fill: var(--text-primary) !important;
}
body.dark-theme .overview-header {
  background:
    linear-gradient(
      135deg,
      #1e1b4b 0%,
      #312e81 100%) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .stat-card {
  background: rgba(30, 41, 59, 0.45) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important;
}
body.dark-theme .followup-tabs li {
  color: var(--text-secondary) !important;
}
body.dark-theme .followup-tabs li.active {
  background: var(--bg-active) !important;
  color: #3b82f6 !important;
}
body.dark-theme .year-header {
  background: var(--bg-card) !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .year-label {
  color: var(--text-primary) !important;
}
body.dark-theme .nav-btn {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .nav-btn svg path {
  fill: var(--text-primary) !important;
}
body.dark-theme .month-card {
  background: rgba(30, 41, 59, 0.45) !important;
  border: 1.6px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}
body.dark-theme .month-card:hover {
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.5) !important;
}
body.dark-theme .month-title h3 {
  color: var(--text-primary) !important;
  opacity: 0.9 !important;
}
body.dark-theme .stat-label {
  color: var(--text-secondary) !important;
}
body.dark-theme .stat-value {
  color: var(--text-primary) !important;
  opacity: 0.9 !important;
}
body.dark-theme .card-hole {
  background:
    radial-gradient(
      circle,
      #334155 0,
      #1e293b 60%,
      #0f172a 100%) !important;
}
body.dark-theme .card-arrow-btn {
  background: var(--bg-hover) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .dropdown button {
  color: var(--text-secondary) !important;
  border-color: var(--border-color) !important;
  background: var(--bg-card) !important;
}
body.dark-theme .dropdown button:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .grade-cmt {
  color: rgba(255, 255, 255, 0.9) !important;
}
body.dark-theme .designation {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}
body.dark-theme .sticky-note {
  background: var(--bg-card) !important;
  border-color: var(--border-color) !important;
  box-shadow: var(--shadow-lg) !important;
}
body.dark-theme .sticky-text {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark-theme .sticky-text:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark-theme .sticky-text::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .spiral-row .hole {
  background: var(--bg-sidebar-alt) !important;
  border-color: var(--border-color) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.6) !important;
}
body.dark-theme .border-line {
  border-color: var(--border-color) !important;
}
body.dark-theme .sticky-bottom-actions button {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .sticky-bottom-actions button:hover {
  background: var(--bg-active) !important;
}
body.dark-theme .sticky-bottom-actions button svg path {
  fill: var(--text-primary) !important;
}
body.dark-theme .leads-listing-banner .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .leads-listing-banner .search-box input:focus,
body.dark-theme .leads-tracker-banner .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .leads-tracker-banner .search-box input:focus,
body.dark-theme .demo-tracker-banner .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .demo-tracker-banner .search-box input:focus,
body.dark-theme .contact-tracker-banner .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .contact-tracker-banner .search-box input:focus,
body.dark-theme .onboard-tracker-banner .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .onboard-tracker-banner .search-box input:focus,
body.dark-theme .career-tracker-banner .search-box input:not([type=checkbox]):not([type=radio]),
body.dark-theme .career-tracker-banner .search-box input:focus {
  border: 1px solid var(--border-input) !important;
  background: var(--bg-input) !important;
  color: var(--text-input) !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark-theme .leads-listing-banner .search-box input::placeholder,
body.dark-theme .leads-tracker-banner .search-box input::placeholder,
body.dark-theme .demo-tracker-banner .search-box input::placeholder,
body.dark-theme .contact-tracker-banner .search-box input::placeholder,
body.dark-theme .onboard-tracker-banner .search-box input::placeholder,
body.dark-theme .career-tracker-banner .search-box input::placeholder {
  color: var(--placeholder-input) !important;
}
body.dark-theme .search-box .search-icon path {
  fill: var(--text-secondary) !important;
}
body.dark-theme .lead-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: var(--shadow-md) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .lead-title h3 {
  color: var(--text-primary) !important;
}
body.dark-theme .lead-title p,
body.dark-theme .lead-title span {
  color: var(--text-secondary) !important;
}
body.dark-theme .info-row label {
  color: var(--text-secondary) !important;
}
body.dark-theme .info-row p {
  color: var(--text-primary) !important;
}
body.dark-theme .lead-card .line {
  border-top: 2px dashed var(--border-color) !important;
}
body.dark-theme .status-tag {
  background: var(--bg-hover) !important;
  border: 1.7px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .arrow-btn {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
}
body.dark-theme .arrow-btn svg path {
  fill: var(--text-primary) !important;
}
body.dark-theme .bg-square {
  filter: invert(0.8) opacity(0.08) !important;
}
body.dark-theme .bg-curves {
  filter: invert(0.8) opacity(0.08) !important;
}
body.dark-theme .info-row img:not(.assigned-img) {
  filter: brightness(0) invert(1) !important;
}
body.dark-theme .name-designation-row {
  background: var(--bg-sidebar-alt) !important;
  box-shadow: none !important;
}
body.dark-theme .assigned-by-block {
  background: var(--bg-sidebar-alt) !important;
  border-top: 1px dashed var(--border-color) !important;
}
body.dark-theme .assigned-label {
  color: var(--text-muted) !important;
}
body.dark-theme .assigned-value {
  color: var(--text-primary) !important;
}
body.dark-theme .assigned-card span[style*="color: grey"] {
  color: var(--text-secondary) !important;
}
body.dark-theme .assigned-card svg path[stroke] {
  stroke: var(--text-secondary) !important;
}
body.dark-theme .assigned-card svg path[fill] {
  fill: var(--text-secondary) !important;
}
body.dark-theme .disposition-left {
  background: var(--bg-sidebar-alt) !important;
}
body.dark-theme .disposition-left .user-name {
  color: var(--text-primary) !important;
}
body.dark-theme .details-panel,
:host-context(body.dark-theme) .details-panel {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.6) !important;
}
body.dark-theme .details-panel label,
:host-context(body.dark-theme) .details-panel label {
  color: #cbd5e1 !important;
}
body.dark-theme .details-panel .colon,
:host-context(body.dark-theme) .details-panel .colon {
  color: #94a3b8 !important;
}
body.dark-theme .detail-input,
body.dark-theme .detail-textarea,
body.dark-theme .dd-btn,
body.dark-theme .custom-dd .btn,
body.dark-theme .notes-box,
body.dark-theme .time-menu,
:host-context(body.dark-theme) .detail-input,
:host-context(body.dark-theme) .detail-textarea,
:host-context(body.dark-theme) .dd-btn,
:host-context(body.dark-theme) .custom-dd .btn,
:host-context(body.dark-theme) .notes-box,
:host-context(body.dark-theme) .time-menu {
  background-color: #101928 !important;
  background: #101928 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !important;
}
body.dark-theme .detail-input:disabled,
body.dark-theme .detail-input[disabled],
body.dark-theme .detail-input[readonly],
body.dark-theme .detail-textarea:disabled,
body.dark-theme .detail-textarea[disabled],
body.dark-theme .detail-textarea[readonly],
body.dark-theme .dd-btn:disabled,
body.dark-theme .dd-btn[disabled],
:host-context(body.dark-theme) .detail-input:disabled,
:host-context(body.dark-theme) .detail-input[disabled],
:host-context(body.dark-theme) .detail-input[readonly],
:host-context(body.dark-theme) .detail-textarea:disabled,
:host-context(body.dark-theme) .detail-textarea[disabled],
:host-context(body.dark-theme) .detail-textarea[readonly],
:host-context(body.dark-theme) .dd-btn:disabled,
:host-context(body.dark-theme) .dd-btn[disabled] {
  background-color: #101928 !important;
  background: #101928 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
}
body.dark-theme .placeholder-grey,
body.dark-theme .detail-input.placeholder,
body.dark-theme .dd-btn.placeholder,
body.dark-theme .placeholder-grey:disabled,
:host-context(body.dark-theme) .placeholder-grey,
:host-context(body.dark-theme) .detail-input.placeholder,
:host-context(body.dark-theme) .dd-btn.placeholder,
:host-context(body.dark-theme) .placeholder-grey:disabled {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}
body.dark-theme .user-msg,
body.dark-theme .user-msg:disabled,
body.dark-theme .user-msg[disabled],
body.dark-theme .user-msg[readonly],
body.dark-theme .admin-notes,
body.dark-theme .admin-notes:disabled,
body.dark-theme .admin-notes[disabled],
body.dark-theme .admin-notes[readonly],
:host-context(body.dark-theme) .user-msg,
:host-context(body.dark-theme) .user-msg:disabled,
:host-context(body.dark-theme) .user-msg[disabled],
:host-context(body.dark-theme) .user-msg[readonly],
:host-context(body.dark-theme) .admin-notes,
:host-context(body.dark-theme) .admin-notes:disabled,
:host-context(body.dark-theme) .admin-notes[disabled],
:host-context(body.dark-theme) .admin-notes[readonly] {
  background-color: #101928 !important;
  background: #101928 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #818cf8 !important;
  -webkit-text-fill-color: #818cf8 !important;
}
.dashboard-chart-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
}
body.dark-theme .dashboard-chart-title,
body.dark-theme .chart-head span,
:host-context(body.dark-theme) .dashboard-chart-title,
:host-context(body.dark-theme) .chart-head span {
  color: #f8fafc !important;
}
body.dark-theme .disposition-left .status-text {
  color: var(--text-secondary) !important;
}
body.dark-theme .disposition-left .date-text {
  color: var(--text-muted) !important;
}
body.dark-theme .disposition-item > p,
body.dark-theme .disposition-index {
  color: var(--text-primary) !important;
}
body.dark-theme .disposition-input {
  background: var(--bg-input) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .disposition-right {
  background: var(--bg-sidebar-alt) !important;
  border: 1px solid var(--border-color) !important;
}
body.dark-theme .disposition-note {
  color: var(--text-primary) !important;
}
body.dark-theme .note-placeholder {
  color: var(--text-secondary) !important;
}
body.dark-theme .prev-status {
  background: var(--bg-input) !important;
  color: var(--text-secondary) !important;
}
body.dark-theme .current-status {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .status-arrow-line {
  background: var(--border-color) !important;
}
body.dark-theme .arrow-head {
  color: var(--text-secondary) !important;
}
body.dark-theme .disposition-add-btn:not(:disabled) {
  background: var(--bg-hover) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
body.dark-theme .disposition-divider {
  border-top: 1px solid var(--border-color) !important;
}
body.dark-theme .editor-textarea {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--text-primary) !important;
  padding: 8px 12px !important;
}
body.dark-theme .editor-textarea:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
body.dark-theme .empty-followup img,
body.dark-theme .no-leads-found img {
  filter: invert(1) hue-rotate(180deg) opacity(0.85) !important;
  mix-blend-mode: screen !important;
}
.chart-head {
  border-bottom: 1px dashed #83a1e1 !important;
  padding-bottom: 10px !important;
}
.chart-head p {
  border-bottom: none !important;
}
body.dark-theme .chart-head,
:host-context(body.dark-theme) .chart-head {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.15) !important;
}
body.dark-theme .chart-head p,
:host-context(body.dark-theme) .chart-head p {
  border-bottom: none !important;
}
.status-pill-badge.follow-up-pill,
.follow-up-pill {
  display: inline-flex !important;
  align-items: center !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 1px 8px !important;
  border-radius: 12px !important;
  border: 1px solid #c7d2fe !important;
  color: #4f46e5 !important;
  background-color: #e0e7ff !important;
  margin: 0 3px !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
}
body.dark-theme .status-pill-badge.follow-up-pill,
body.dark-theme .follow-up-pill {
  color: #a5b4fc !important;
  background-color: rgba(79, 70, 229, 0.25) !important;
  border-color: #6366f1 !important;
}
.status-pill-badge.reassigned-pill,
.reassigned-pill {
  display: inline-flex !important;
  align-items: center !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 1px 8px !important;
  border-radius: 12px !important;
  border: 1px solid #fb7185 !important;
  color: #9f1239 !important;
  background-color: #fff1f2 !important;
  margin: 0 3px !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
}
body.dark-theme .status-pill-badge.reassigned-pill,
body.dark-theme .reassigned-pill {
  color: #fda4af !important;
  background-color: rgba(225, 29, 72, 0.25) !important;
  border-color: #f43f5e !important;
}
.finance-modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.finance-modal {
  background: #fff;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}
.invoices-page {
  padding: 28px 32px;
  width: 100%;
  box-sizing: border-box;
}
.invoices-page .page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 28px;
}
.invoices-page .page-header h1 {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 4px;
}
.invoices-page .page-header p {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}
.invoices-page .btn-primary {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #6366f1;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.invoices-page .btn-primary:hover {
  background: #4f46e5;
}
.invoices-page .btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.invoices-page .btn-secondary {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 14px;
  cursor: pointer;
}
.invoices-page .stats-bar {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 20px 28px;
  margin-bottom: 24px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.invoices-page .stat-item {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.invoices-page .stat-num {
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
}
.invoices-page .stat-lbl {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 2px;
}
.invoices-page .stat-divider {
  width: 1px;
  height: 40px;
  background: #e5e7eb;
  margin: 0 20px;
}
.invoices-page .filters {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.invoices-page .search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 14px;
  flex: 1;
  min-width: 240px;
}
.invoices-page .search-box input {
  border: none;
  outline: none;
  font-size: 14px;
  color: #374151;
  width: 100%;
  background: transparent;
}
.invoices-page .filter-tabs {
  display: flex;
  gap: 4px;
  background: #f3f4f6;
  border-radius: 8px;
  padding: 4px;
}
.invoices-page .filter-tabs button {
  background: none;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  cursor: pointer;
  color: #6b7280;
  white-space: nowrap;
}
.invoices-page .filter-tabs button:hover {
  color: #374151;
}
.invoices-page .filter-tabs button.active {
  background: #fff;
  color: #6366f1;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.invoices-page .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  gap: 8px;
  text-align: center;
}
.invoices-page .empty-state p {
  font-size: 16px;
  font-weight: 500;
  color: #6b7280;
  margin: 8px 0 0;
}
.invoices-page .empty-state span {
  font-size: 13px;
  color: #9ca3af;
}
.invoices-page .empty-state .btn-primary {
  margin-top: 16px;
}
.invoice-table {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.invoice-table table {
  width: 100%;
  border-collapse: collapse;
}
.invoice-table thead tr {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.invoice-table th {
  padding: 12px 16px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.invoice-table td {
  padding: 14px 16px;
  font-size: 14px;
  color: #374151;
  border-bottom: 1px solid #f3f4f6;
}
.invoice-table tbody tr:hover {
  background: #fafafa;
}
.invoice-table tbody tr:last-child td {
  border-bottom: none;
}
.inv-num {
  font-weight: 600;
  color: #6366f1 !important;
}
.client-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.client-cell .client-name {
  font-weight: 500;
}
.client-cell .client-email {
  font-size: 12px;
  color: #9ca3af;
}
.project-name {
  color: #6b7280 !important;
}
.invoice-table .amount {
  font-weight: 600 !important;
}
.status-badge {
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
}
.status-badge.draft {
  background: #f3f4f6;
  color: #6b7280;
}
.status-badge.sent {
  background: #dbeafe;
  color: #2563eb;
}
.status-badge.paid {
  background: #d1fae5;
  color: #059669;
}
.status-badge.overdue {
  background: #fee2e2;
  color: #dc2626;
}
.status-badge.cancelled {
  background: #f3f4f6;
  color: #9ca3af;
}
.row-actions {
  display: flex;
  gap: 4px;
}
.btn-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #6b7280;
}
.btn-icon:hover {
  background: #f3f4f6;
  color: #374151;
}
.btn-icon.danger:hover {
  background: #fee2e2;
  color: #dc2626;
  border-color: #fca5a5;
}
.btn-icon.success:hover {
  background: #d1fae5;
  color: #059669;
  border-color: #6ee7b7;
}
.invoice-modal {
  max-width: 760px !important;
}
.invoice-preview {
  max-width: 680px !important;
}
.invoice-modal .modal-header,
.invoice-preview .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #f3f4f6;
}
.invoice-modal .modal-header h2,
.invoice-preview .modal-header h2 {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0;
}
.modal-close {
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  display: flex;
}
.modal-close:hover {
  color: #374151;
  background: #f3f4f6;
}
.invoice-modal .modal-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.invoice-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #f3f4f6;
}
.form-row {
  display: flex;
  gap: 16px;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.form-group label {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}
.form-group input,
.form-group select,
.form-group textarea {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 14px;
  color: #374151;
  outline: none;
  font-family: inherit;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #6366f1;
}
.form-group textarea {
  resize: vertical;
}
.line-items-section {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}
.line-items-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.line-items-header span {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.btn-add-line {
  background: none;
  border: 1px solid #6366f1;
  color: #6366f1;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 13px;
  cursor: pointer;
}
.btn-add-line:hover {
  background: #ede9fe;
}
.line-item-header {
  display: grid;
  grid-template-columns: 1fr 80px 120px 120px 36px;
  gap: 8px;
  padding: 8px 16px;
  background: #f9fafb;
}
.line-item-header span {
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
}
.line-item-row {
  display: grid;
  grid-template-columns: 1fr 80px 120px 120px 36px;
  gap: 8px;
  padding: 8px 16px;
  border-top: 1px solid #f3f4f6;
  align-items: center;
}
.line-item-row input {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 14px;
  outline: none;
  width: 100%;
  box-sizing: border-box;
}
.line-item-row input:focus {
  border-color: #6366f1;
}
.line-item-row .col-amt {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.btn-remove {
  background: none;
  border: none;
  color: #d1d5db;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 4px;
}
.btn-remove:hover {
  color: #ef4444;
  background: #fee2e2;
}
.totals {
  padding: 12px 16px;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
}
.total-row {
  display: flex;
  gap: 40px;
  font-size: 14px;
  color: #6b7280;
}
.total-row span:last-child {
  min-width: 120px;
  text-align: right;
  font-weight: 500;
  color: #374151;
}
.total-row.grand {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a2e;
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
  margin-top: 4px;
}
.total-row.grand span:last-child {
  color: #6366f1;
}
.tax-input {
  width: 44px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 13px;
  outline: none;
  text-align: center;
  display: inline;
}
.preview-body {
  padding: 32px;
}
.preview-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}
.preview-company h2 {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 4px;
}
.preview-company p {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}
.preview-invoice-info h3 {
  font-size: 18px;
  font-weight: 600;
  color: #6366f1;
  margin: 0 0 8px;
}
.preview-meta {
  display: flex;
  gap: 40px;
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e5e7eb;
}
.preview-meta label {
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}
.preview-meta p {
  font-size: 14px;
  color: #374151;
  margin: 0;
}
.preview-meta p.muted {
  color: #9ca3af;
  font-size: 13px;
}
.preview-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.preview-table th {
  background: #f9fafb;
  padding: 10px 12px;
  text-align: left;
  font-size: 12px;
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e7eb;
}
.preview-table td {
  padding: 12px;
  font-size: 14px;
  color: #374151;
  border-bottom: 1px solid #f3f4f6;
}
.preview-table th:last-child,
.preview-table td:last-child {
  text-align: right;
}
.preview-totals {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
  margin-bottom: 20px;
}
.preview-notes {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
}
.preview-notes label {
  font-size: 12px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  display: block;
  margin-bottom: 6px;
}
.preview-notes p {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.custom-utm-tooltip.mat-mdc-tooltip,
.custom-utm-tooltip {
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
  max-width: 360px !important;
  white-space: normal !important;
  word-break: break-word !important;
  text-align: left !important;
}
.custom-utm-tooltip .mdc-tooltip__surface {
  background-color: #ffffff !important;
  color: #1e293b !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
  max-width: 360px !important;
  white-space: normal !important;
  word-break: break-word !important;
}
body.dark-theme .custom-utm-tooltip.mat-mdc-tooltip,
body.dark-theme .custom-utm-tooltip,
html.dark-theme .custom-utm-tooltip,
.dark-theme .custom-utm-tooltip {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .custom-utm-tooltip .mdc-tooltip__surface,
html.dark-theme .custom-utm-tooltip .mdc-tooltip__surface,
.dark-theme .custom-utm-tooltip .mdc-tooltip__surface {
  background-color: #0f172a !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4) !important;
}
body.dark-theme .follow-up-reminders-container,
.dark-theme .follow-up-reminders-container {
  background: #111827 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
body.dark-theme .follow-up-task-container,
.dark-theme .follow-up-task-container {
  background: #111827 !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
body.dark-theme .assistant-task-action-box,
.dark-theme .assistant-task-action-box {
  background: #111827 !important;
  border: 1.5px solid #6366f1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
body.dark-theme .reminder-task-container,
.dark-theme .reminder-task-container {
  background: #111827 !important;
  border: 1.5px solid #6366f1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
.reminder-task-container.reminder-task-disabled,
.follow-up-task-container.follow-up-task-disabled {
  opacity: 0.72;
  border-color: #cbd5e1 !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}
body.dark-theme .reminder-task-container.reminder-task-disabled,
.dark-theme .reminder-task-container.reminder-task-disabled,
body.dark-theme .follow-up-task-container.follow-up-task-disabled,
.dark-theme .follow-up-task-container.follow-up-task-disabled {
  opacity: 0.7 !important;
  border-color: #334155 !important;
  background: #0f172a !important;
  box-shadow: none !important;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper,
.mat-mdc-snack-bar-container,
.swal2-container {
  z-index: 100000 !important;
}
:root {
  --tg-spoiler-white-p1: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2235%22%20viewBox%3D%220%200%2050%2035%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2218%22%20r%3D%221.3%22%20opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%227%22%20r%3D%221.5%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%229%22%20r%3D%220.7%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2216%22%20r%3D%220.9%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2211%22%20r%3D%220.7%22%20opacity%3D%220.88%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2230%22%20r%3D%221.3%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%225%22%20r%3D%221.4%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2216%22%20r%3D%220.8%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%221%22%20cy%3D%2235%22%20r%3D%221.4%22%20opacity%3D%220.87%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2227%22%20r%3D%221.2%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%229%22%20r%3D%220.9%22%20opacity%3D%220.78%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%222%22%20r%3D%221.1%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2212%22%20r%3D%220.8%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2219%22%20r%3D%220.7%22%20opacity%3D%221%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2225%22%20r%3D%220.8%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%227%22%20r%3D%221.2%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2226%22%20r%3D%220.8%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%223%22%20r%3D%220.7%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2213%22%20r%3D%220.9%22%20opacity%3D%220.7%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%224%22%20r%3D%221.5%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%229%22%20r%3D%221.2%22%20opacity%3D%220.95%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2215%22%20r%3D%221.4%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2211%22%20r%3D%221.3%22%20opacity%3D%220.92%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2220%22%20r%3D%221.4%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%220.9%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2223%22%20r%3D%220.7%22%20opacity%3D%220.69%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%220%22%20r%3D%221.2%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2233%22%20r%3D%220.8%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214%22%20r%3D%220.9%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2233%22%20r%3D%220.7%22%20opacity%3D%220.69%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2219%22%20r%3D%220.8%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2228%22%20r%3D%221%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2212%22%20r%3D%220.9%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2222%22%20r%3D%220.8%22%20opacity%3D%220.57%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%227%22%20r%3D%221.2%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%224%22%20r%3D%221%22%20opacity%3D%220.53%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%226%22%20r%3D%221.5%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%221.1%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214%22%20r%3D%221%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%220.7%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%220%22%20r%3D%220.9%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2230%22%20r%3D%221.4%22%20opacity%3D%220.98%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%228%22%20r%3D%221.1%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2228%22%20r%3D%221.5%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2224%22%20r%3D%221.4%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2235%22%20r%3D%221.5%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%221%22%20r%3D%221.1%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%225%22%20r%3D%221.3%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2212%22%20r%3D%221.3%22%20opacity%3D%220.65%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2220%22%20r%3D%221%22%20opacity%3D%220.78%22%2F%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2217%22%20r%3D%221%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%225%22%20r%3D%221.1%22%20opacity%3D%220.76%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2214%22%20r%3D%220.8%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%221.1%22%20opacity%3D%220.43%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2224%22%20r%3D%220.8%22%20opacity%3D%220.88%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%222%22%20r%3D%221%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2219%22%20r%3D%220.7%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2217%22%20r%3D%221%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2230%22%20r%3D%221.4%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2226%22%20r%3D%220.9%22%20opacity%3D%220.77%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  --tg-spoiler-white-p2: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2226%22%20viewBox%3D%220%200%2037%2026%22%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%221%22%20r%3D%221.3%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2218%22%20r%3D%221.2%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2214%22%20r%3D%221.5%22%20opacity%3D%220.65%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2211%22%20r%3D%220.9%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2220%22%20r%3D%221.5%22%20opacity%3D%220.77%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2226%22%20r%3D%220.9%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%224%22%20r%3D%220.7%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2211%22%20r%3D%220.8%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2218%22%20r%3D%221.4%22%20opacity%3D%220.7%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2223%22%20r%3D%220.7%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%227%22%20r%3D%221.1%22%20opacity%3D%220.75%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%225%22%20r%3D%221.1%22%20opacity%3D%220.75%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%225%22%20r%3D%221.4%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%226%22%20r%3D%221.1%22%20opacity%3D%220.69%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2223%22%20r%3D%220.7%22%20opacity%3D%221%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2225%22%20r%3D%220.7%22%20opacity%3D%220.75%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2223%22%20r%3D%220.9%22%20opacity%3D%220.99%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%228%22%20r%3D%221.1%22%20opacity%3D%220.42%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%221%22%20opacity%3D%220.99%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2225%22%20r%3D%221%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2211%22%20r%3D%221.1%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%228%22%20r%3D%221.4%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2225%22%20r%3D%220.7%22%20opacity%3D%220.6%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2221%22%20r%3D%221.1%22%20opacity%3D%220.85%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%228%22%20r%3D%221.2%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%221%22%20opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%229%22%20r%3D%221.1%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%225%22%20r%3D%221.4%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%222%22%20r%3D%221.3%22%20opacity%3D%220.95%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%225%22%20r%3D%220.9%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%227%22%20r%3D%221.4%22%20opacity%3D%220.85%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2211%22%20r%3D%221.3%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2212%22%20r%3D%220.8%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%220.8%22%20opacity%3D%220.83%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%220.7%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2212%22%20r%3D%220.7%22%20opacity%3D%220.95%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%229%22%20r%3D%221.4%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%221.2%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2212%22%20r%3D%221.1%22%20opacity%3D%220.7%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%224%22%20r%3D%221.1%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%227%22%20r%3D%220.8%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2216%22%20r%3D%221.5%22%20opacity%3D%220.81%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%220.7%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2210%22%20r%3D%221.1%22%20opacity%3D%220.45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  --tg-spoiler-dark-p1: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2235%22%20viewBox%3D%220%200%2050%2035%22%3E%3Cg%20fill%3D%22%231e293b%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%2218%22%20r%3D%221.3%22%20opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%227%22%20r%3D%221.5%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%229%22%20r%3D%220.7%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2216%22%20r%3D%220.9%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2211%22%20r%3D%220.7%22%20opacity%3D%220.88%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2230%22%20r%3D%221.3%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%225%22%20r%3D%221.4%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2216%22%20r%3D%220.8%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%221%22%20cy%3D%2235%22%20r%3D%221.4%22%20opacity%3D%220.87%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2227%22%20r%3D%221.2%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%229%22%20r%3D%220.9%22%20opacity%3D%220.78%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%222%22%20r%3D%221.1%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2212%22%20r%3D%220.8%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2219%22%20r%3D%220.7%22%20opacity%3D%221%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2225%22%20r%3D%220.8%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%227%22%20r%3D%221.2%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2226%22%20r%3D%220.8%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%223%22%20r%3D%220.7%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2213%22%20r%3D%220.9%22%20opacity%3D%220.7%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%224%22%20r%3D%221.5%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%229%22%20r%3D%221.2%22%20opacity%3D%220.95%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2215%22%20r%3D%221.4%22%20opacity%3D%220.68%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2211%22%20r%3D%221.3%22%20opacity%3D%220.92%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%2220%22%20r%3D%221.4%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%220.9%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2223%22%20r%3D%220.7%22%20opacity%3D%220.69%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%220%22%20r%3D%221.2%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2233%22%20r%3D%220.8%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214%22%20r%3D%220.9%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2233%22%20r%3D%220.7%22%20opacity%3D%220.69%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2219%22%20r%3D%220.8%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2228%22%20r%3D%221%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2212%22%20r%3D%220.9%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2222%22%20r%3D%220.8%22%20opacity%3D%220.57%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%227%22%20r%3D%221.2%22%20opacity%3D%220.71%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%224%22%20r%3D%221%22%20opacity%3D%220.53%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%226%22%20r%3D%221.5%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2218%22%20r%3D%221.1%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2214%22%20r%3D%221%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%220.7%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%220%22%20r%3D%220.9%22%20opacity%3D%220.72%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2230%22%20r%3D%221.4%22%20opacity%3D%220.98%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%228%22%20r%3D%221.1%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%2244%22%20cy%3D%2228%22%20r%3D%221.5%22%20opacity%3D%220.61%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2224%22%20r%3D%221.4%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2235%22%20r%3D%221.5%22%20opacity%3D%220.48%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%221%22%20r%3D%221.1%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%225%22%20r%3D%221.3%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2212%22%20r%3D%221.3%22%20opacity%3D%220.65%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2220%22%20r%3D%221%22%20opacity%3D%220.78%22%2F%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2217%22%20r%3D%221%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%225%22%20r%3D%221.1%22%20opacity%3D%220.76%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2214%22%20r%3D%220.8%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%221.1%22%20opacity%3D%220.43%22%2F%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2224%22%20r%3D%220.8%22%20opacity%3D%220.88%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%222%22%20r%3D%221%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2219%22%20r%3D%220.7%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2217%22%20r%3D%221%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2242%22%20cy%3D%2230%22%20r%3D%221.4%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%223%22%20cy%3D%2226%22%20r%3D%220.9%22%20opacity%3D%220.77%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  --tg-spoiler-dark-p2: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2226%22%20viewBox%3D%220%200%2037%2026%22%3E%3Cg%20fill%3D%22%230f172a%22%3E%3Ccircle%20cx%3D%220%22%20cy%3D%221%22%20r%3D%221.3%22%20opacity%3D%220.64%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2218%22%20r%3D%221.2%22%20opacity%3D%220.52%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2214%22%20r%3D%221.5%22%20opacity%3D%220.65%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2211%22%20r%3D%220.9%22%20opacity%3D%220.66%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2220%22%20r%3D%221.5%22%20opacity%3D%220.77%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2226%22%20r%3D%220.9%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%224%22%20r%3D%220.7%22%20opacity%3D%220.84%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2211%22%20r%3D%220.8%22%20opacity%3D%220.67%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2218%22%20r%3D%221.4%22%20opacity%3D%220.7%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2223%22%20r%3D%220.7%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%227%22%20r%3D%221.1%22%20opacity%3D%220.75%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%225%22%20r%3D%221.1%22%20opacity%3D%220.75%22%2F%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%225%22%20r%3D%221.4%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%226%22%20r%3D%221.1%22%20opacity%3D%220.69%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2223%22%20r%3D%220.7%22%20opacity%3D%221%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2225%22%20r%3D%220.7%22%20opacity%3D%220.75%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2223%22%20r%3D%220.9%22%20opacity%3D%220.99%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%228%22%20r%3D%221.1%22%20opacity%3D%220.42%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%221%22%20opacity%3D%220.99%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2225%22%20r%3D%221%22%20opacity%3D%220.55%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2211%22%20r%3D%221.1%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%228%22%20r%3D%221.4%22%20opacity%3D%220.89%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2225%22%20r%3D%220.7%22%20opacity%3D%220.6%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2221%22%20r%3D%221.1%22%20opacity%3D%220.85%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%228%22%20r%3D%221.2%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%221%22%20opacity%3D%220.79%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%221%22%20opacity%3D%220.56%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%229%22%20r%3D%221.1%22%20opacity%3D%220.45%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%225%22%20r%3D%221.4%22%20opacity%3D%220.62%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%222%22%20r%3D%221.3%22%20opacity%3D%220.95%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%225%22%20r%3D%220.9%22%20opacity%3D%220.41%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%227%22%20r%3D%221.4%22%20opacity%3D%220.85%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2211%22%20r%3D%221.3%22%20opacity%3D%220.73%22%2F%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%2212%22%20r%3D%220.8%22%20opacity%3D%220.63%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2216%22%20r%3D%220.8%22%20opacity%3D%220.83%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%220.7%22%20opacity%3D%220.8%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2212%22%20r%3D%220.7%22%20opacity%3D%220.95%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%229%22%20r%3D%221.4%22%20opacity%3D%220.49%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%221.2%22%20opacity%3D%220.58%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2212%22%20r%3D%221.1%22%20opacity%3D%220.7%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%224%22%20r%3D%221.1%22%20opacity%3D%220.47%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%227%22%20r%3D%220.8%22%20opacity%3D%220.44%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2216%22%20r%3D%221.5%22%20opacity%3D%220.81%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%220.7%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%222%22%20cy%3D%2210%22%20r%3D%221.1%22%20opacity%3D%220.45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
@keyframes tgSpoilerDrift {
  0% {
    background-position: 0 0, 0 0;
  }
  50% {
    background-position: 15px -10px, -12px 8px;
  }
  100% {
    background-position: 30px -20px, -24px 16px;
  }
}
@keyframes tgSpoilerReveal {
  0% {
    opacity: 0.6;
    transform: scale(0.99);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.tg-spoiler {
  display: inline !important;
  vertical-align: baseline !important;
  position: relative !important;
  border-radius: 4px !important;
  padding: 1px 4px !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  background-color: rgba(0, 0, 0, 0.12) !important;
  background-image: var(--tg-spoiler-dark-p1), var(--tg-spoiler-dark-p2) !important;
  background-size: 50px 35px, 37px 26px !important;
  background-repeat: repeat !important;
  animation: tgSpoilerDrift 4s linear infinite !important;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    filter 0.2s ease !important;
}
.tg-spoiler:not(.revealed):hover {
  filter: brightness(1.2) contrast(1.1) !important;
  background-color: rgba(0, 0, 0, 0.18) !important;
}
.tg-spoiler.revealed {
  background-image: none !important;
  background-color: transparent !important;
  color: inherit !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-user-select: text !important;
  user-select: text !important;
  cursor: pointer !important;
  animation: tgSpoilerReveal 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.chat-text-sender .tg-spoiler,
.chat-box-sender .tg-spoiler {
  background-color: rgba(255, 255, 255, 0.22) !important;
  background-image: var(--tg-spoiler-white-p1), var(--tg-spoiler-white-p2) !important;
  background-size: 50px 35px, 37px 26px !important;
  background-repeat: repeat !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
}
.chat-text-sender .tg-spoiler:not(.revealed):hover,
.chat-box-sender .tg-spoiler:not(.revealed):hover {
  background-color: rgba(255, 255, 255, 0.32) !important;
  filter: brightness(1.15) !important;
}
.chat-text-sender .tg-spoiler.revealed,
.chat-box-sender .tg-spoiler.revealed {
  background-image: none !important;
  background-color: transparent !important;
  color: inherit !important;
  text-shadow: none !important;
  filter: none !important;
}
body.dark-theme .chat-text-receiver .tg-spoiler,
.dark-theme .chat-text-receiver .tg-spoiler {
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-image: var(--tg-spoiler-white-p1), var(--tg-spoiler-white-p2) !important;
  background-size: 50px 35px, 37px 26px !important;
  background-repeat: repeat !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
}
body.dark-theme .chat-text-receiver .tg-spoiler:not(.revealed):hover,
.dark-theme .chat-text-receiver .tg-spoiler:not(.revealed):hover {
  background-color: rgba(255, 255, 255, 0.24) !important;
}
.tg-spoiler-locked,
.chat-list-window-inner .tg-spoiler,
.user-recent-msg .tg-spoiler,
.recent-message-text .tg-spoiler {
  pointer-events: none !important;
  cursor: inherit !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
  border-radius: 4px !important;
  padding: 1px 4px !important;
  margin: 0 1px !important;
  display: inline !important;
  vertical-align: baseline !important;
  line-height: inherit !important;
  max-width: 100% !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  background-color: rgba(0, 0, 0, 0.14) !important;
  background-image: var(--tg-spoiler-dark-p1), var(--tg-spoiler-dark-p2) !important;
  background-size: 50px 35px, 37px 26px !important;
  background-repeat: repeat !important;
  animation: tgSpoilerDrift 4s linear infinite !important;
}
.tg-spoiler-locked.revealed,
.chat-list-window-inner .tg-spoiler.revealed,
.user-recent-msg .tg-spoiler.revealed,
.recent-message-text .tg-spoiler.revealed {
  pointer-events: none !important;
  cursor: inherit !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  color: transparent !important;
  background-image: var(--tg-spoiler-dark-p1), var(--tg-spoiler-dark-p2) !important;
  background-color: rgba(0, 0, 0, 0.14) !important;
}
body.dark-theme .tg-spoiler-locked,
body.dark-theme .chat-list-window-inner .tg-spoiler,
body.dark-theme .user-recent-msg .tg-spoiler,
body.dark-theme .recent-message-text .tg-spoiler,
.dark-theme .tg-spoiler-locked,
.dark-theme .chat-list-window-inner .tg-spoiler,
.dark-theme .user-recent-msg .tg-spoiler,
.dark-theme .recent-message-text .tg-spoiler {
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-image: var(--tg-spoiler-white-p1), var(--tg-spoiler-white-p2) !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: none !important;
}
body.dark-theme .tg-spoiler-locked.revealed,
body.dark-theme .chat-list-window-inner .tg-spoiler.revealed,
body.dark-theme .user-recent-msg .tg-spoiler.revealed,
body.dark-theme .recent-message-text .tg-spoiler.revealed,
.dark-theme .tg-spoiler-locked.revealed,
.dark-theme .chat-list-window-inner .tg-spoiler.revealed,
.dark-theme .user-recent-msg .tg-spoiler.revealed,
.dark-theme .recent-message-text .tg-spoiler.revealed {
  pointer-events: none !important;
  cursor: inherit !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  color: transparent !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  background-image: var(--tg-spoiler-white-p1), var(--tg-spoiler-white-p2) !important;
}
.tg-code-block {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 8px 10px;
  margin: 6px 0;
  font-family:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  font-size: 13px;
  line-height: 1.45;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  border-left: 3px solid #4e85e2;
}
.chat-text-sender .tg-code-block,
.chat-box-sender .tg-code-block {
  background: rgba(0, 0, 0, 0.18);
  color: #ffffff;
  border-left-color: rgba(255, 255, 255, 0.6);
}
body.dark-theme .chat-text-receiver .tg-code-block,
.dark-theme .chat-text-receiver .tg-code-block {
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}
.tg-inline-code {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 2px 5px;
  font-family:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  font-size: 13px;
  word-break: break-word;
}
.chat-text-sender .tg-inline-code,
.chat-box-sender .tg-inline-code {
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
body.dark-theme .chat-text-receiver .tg-inline-code,
.dark-theme .chat-text-receiver .tg-inline-code {
  background: rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
}
.tg-quote {
  border-left: 3px solid #4e85e2;
  margin: 4px 0;
  padding-left: 8px;
  opacity: 0.92;
  font-style: italic;
}
.chat-text-sender .tg-quote,
.chat-box-sender .tg-quote {
  border-left-color: rgba(255, 255, 255, 0.7);
}
.user-recent-msg b,
.user-recent-msg strong,
.recent-message-text b,
.recent-message-text strong {
  font-weight: 600;
  color: inherit;
}
.user-recent-msg i,
.user-recent-msg em,
.recent-message-text i,
.recent-message-text em {
  font-style: italic;
}
.user-recent-msg s,
.user-recent-msg del,
.recent-message-text s,
.recent-message-text del {
  text-decoration: line-through;
}
.user-recent-msg code,
.recent-message-text code {
  font-family: inherit;
  font-size: 0.9em;
  background: rgba(0, 0, 0, 0.06);
  padding: 0 3px;
  border-radius: 3px;
}
body.dark-theme .user-recent-msg code,
.dark-theme .user-recent-msg code,
body.dark-theme .recent-message-text code,
.dark-theme .recent-message-text code {
  background: rgba(255, 255, 255, 0.12);
}

/* node_modules/@geoapify/geocoder-autocomplete/styles/minimal.css */
.geoapify-autocomplete-input {
  padding: 0 31px 0 7px;
  width: calc(100% - 40px);
  outline: none;
  line-height: 36px;
  height: 36px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 14px;
}
.geoapify-autocomplete-items {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-top: none;
  background-color: #fff;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.geoapify-autocomplete-items div {
  padding: 10px;
  cursor: pointer;
}
.geoapify-autocomplete-items div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.geoapify-autocomplete-items .active {
  background-color: rgba(0, 0, 0, 0.1);
}
.geoapify-autocomplete-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.geoapify-autocomplete-item .icon {
  display: inline-block;
  width: 40px;
  height: 24px;
  color: #aaa;
}
.geoapify-autocomplete-item .icon.emoji {
  color: unset;
  font-size: 20px;
  opacity: 0.9;
}
.geoapify-close-button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  display: none;
  align-items: center;
}
.geoapify-close-button.visible {
  display: flex;
}
.geoapify-close-button {
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.geoapify-close-button:hover {
  color: rgba(0, 0, 0, 0.6);
}
.geoapify-autocomplete-items .main-part .non-verified {
  color: #ff4848;
}
.geoapify-autocomplete-items .secondary-part {
  margin-left: 10px;
  font-size: small;
  color: rgba(0, 0, 0, 0.6);
}

/* node_modules/bootstrap/dist/css/bootstrap.min.css */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: .5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
.h1,
h1 {
  font-size: 2.5rem;
}
.h2,
h2 {
  font-size: 2rem;
}
.h3,
h3 {
  font-size: 1.75rem;
}
.h4,
h4 {
  font-size: 1.5rem;
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.small,
small {
  font-size: .875em;
  font-weight: 400;
}
.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: .875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width:768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table td,
.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm td,
.table-sm th {
  padding: .3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6;
}
.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px;
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, .075);
}
.table-primary,
.table-primary > td,
.table-primary > th {
  background-color: #b8daff;
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #7abaff;
}
.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
  background-color: #d6d8db;
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success,
.table-success > td,
.table-success > th {
  background-color: #c3e6cb;
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info,
.table-info > td,
.table-info > th {
  background-color: #bee5eb;
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning,
.table-warning > td,
.table-warning > th {
  background-color: #ffeeba;
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > td,
.table-danger > th {
  background-color: #f5c6cb;
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > td,
.table-light > th {
  background-color: #fdfdfe;
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark,
.table-dark > td,
.table-dark > th {
  background-color: #c6c8ca;
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > td,
.table-active > th {
  background-color: rgba(0, 0, 0, .075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, .075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, .075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .075);
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width:767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
select.form-control[multiple],
select.form-control[size] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: .25rem;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, .9);
  border-radius: .25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc(.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #28a745;
}
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
  display: block;
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
  color: #28a745;
}
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
  border-color: #28a745;
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat;
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
  display: block;
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #dc3545;
}
.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25);
}
.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width:576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .custom-select,
  .form-inline .input-group {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.btn.disabled,
.btn:disabled {
  opacity: .65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary.focus,
.btn-secondary:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning.focus,
.btn-warning:focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light.focus,
.btn-light:focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark.focus,
.btn-dark:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light.focus,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link.focus,
.btn-link:focus {
  text-decoration: underline;
}
.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: .5rem;
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%;
}
.fade {
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width:576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width:768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width:1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn:hover,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus {
  z-index: 1;
}
.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem;
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
  margin-left: -1px;
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .form-control:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex;
}
.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2;
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3;
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
  margin-top: 0;
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem;
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
  height: calc(1.5em + .5rem + 2px);
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before,
.custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
  border-radius: .25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: .5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: .5rem;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    -webkit-transform .15s ease-in-out;
  transition:
    transform .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    transform .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out,
    -webkit-transform .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(.75rem);
  transform: translateX(.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, .5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + .5rem + 2px);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion:reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion:reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: .2rem;
  margin-left: .2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion:reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: .5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: .25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width:575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width:576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width:767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width:768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width:991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width:992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width:1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width:1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3);
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, .5);
  border-color: rgba(0, 0, 0, .1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, .25);
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: .75rem;
}
.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(.25rem - 1px);
}
.card-img,
.card-img-bottom,
.card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width:576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width:576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: .75rem;
}
@media (min-width:576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: .5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem;
}
.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem;
}
.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .badge {
    transition: none;
  }
}
a.badge:focus,
a.badge:hover {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:focus,
a.badge-primary:hover {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary.focus,
a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:focus,
a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary.focus,
a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:focus,
a.badge-success:hover {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success.focus,
a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:focus,
a.badge-info:hover {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info.focus,
a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:focus,
a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning.focus,
a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:focus,
a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger.focus,
a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:focus,
a.badge-light:hover {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light.focus,
a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:focus,
a.badge-dark:hover {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark.focus,
a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem;
}
@media (min-width:576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: .75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem;
}
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width .6s ease;
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, .15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .15) 50%,
      rgba(255, 255, 255, .15) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width:576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width:768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width:992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width:1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  opacity: 0;
  border-radius: .25rem;
}
.toast:not(:last-child) {
  margin-bottom: .75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
.toast-body {
  padding: .75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: .5;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}
.modal-footer > * {
  margin: .25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width:992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width:1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: .9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0;
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
  bottom: 0;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000;
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
  padding: 0 .4rem;
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
  left: 0;
  width: .4rem;
  height: .8rem;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000;
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
  top: 0;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000;
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
  padding: 0 .4rem;
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
  right: 0;
  width: .4rem;
  height: .8rem;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem;
}
.popover .arrow::after,
.popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem;
}
.bs-popover-auto[x-placement^=top] > .arrow,
.bs-popover-top > .arrow {
  bottom: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^=top] > .arrow::before,
.bs-popover-top > .arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=top] > .arrow::after,
.bs-popover-top > .arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff;
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem;
}
.bs-popover-auto[x-placement^=right] > .arrow,
.bs-popover-right > .arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0;
}
.bs-popover-auto[x-placement^=right] > .arrow::before,
.bs-popover-right > .arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=right] > .arrow::after,
.bs-popover-right > .arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff;
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem;
}
.bs-popover-auto[x-placement^=bottom] > .arrow,
.bs-popover-bottom > .arrow {
  top: calc(-.5rem - 1px);
}
.bs-popover-auto[x-placement^=bottom] > .arrow::before,
.bs-popover-bottom > .arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem;
}
.bs-popover-auto[x-placement^=left] > .arrow,
.bs-popover-left > .arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0;
}
.bs-popover-auto[x-placement^=left] > .arrow::before,
.bs-popover-left > .arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25);
}
.bs-popover-auto[x-placement^=left] > .arrow::after,
.bs-popover-left > .arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: .5rem .75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  border: .25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em;
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion:reduce) {
  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: .2rem !important;
}
.rounded {
  border-radius: .25rem !important;
}
.rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important;
}
.rounded-right {
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important;
}
.rounded-left {
  border-top-left-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important;
}
.rounded-lg {
  border-radius: .3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width:576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width:768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width:992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width:1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width:576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width:768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width:992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width:1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width:576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width:768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width:992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width:1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: .25rem !important;
}
.mt-1,
.my-1 {
  margin-top: .25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: .25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: .25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: .25rem !important;
}
.m-2 {
  margin: .5rem !important;
}
.mt-2,
.my-2 {
  margin-top: .5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: .5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: .5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: .5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: .25rem !important;
}
.pt-1,
.py-1 {
  padding-top: .25rem !important;
}
.pr-1,
.px-1 {
  padding-right: .25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: .25rem !important;
}
.pl-1,
.px-1 {
  padding-left: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.pt-2,
.py-2 {
  padding-top: .5rem !important;
}
.pr-2,
.px-2 {
  padding-right: .5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: .5rem !important;
}
.pl-2,
.px-2 {
  padding-left: .5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important;
}
.m-n2 {
  margin: -.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: .25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important;
  }
  .m-sm-2 {
    margin: .5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: .25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important;
  }
  .p-sm-2 {
    padding: .5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: .5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.25rem !important;
  }
  .m-sm-n2 {
    margin: -.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: .25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important;
  }
  .m-md-2 {
    margin: .5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: .5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: .25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important;
  }
  .p-md-2 {
    padding: .5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.25rem !important;
  }
  .m-md-n2 {
    margin: -.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: .25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important;
  }
  .m-lg-2 {
    margin: .5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: .25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important;
  }
  .p-lg-2 {
    padding: .5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: .5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.25rem !important;
  }
  .m-lg-n2 {
    margin: -.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width:1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: .25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important;
  }
  .m-xl-2 {
    margin: .5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: .25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important;
  }
  .p-xl-2 {
    padding: .5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: .5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.25rem !important;
  }
  .m-xl-n2 {
    margin: -.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width:576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width:768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width:992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, .5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, .5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark tbody + tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/* node_modules/bootstrap-select/dist/css/bootstrap-select.css */
/*!
 * Bootstrap-select v1.13.18 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \fffd;
  vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}
.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*=col-].dropdown-menu-right,
.row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
  width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}
.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
  position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
  -o-animation: 300ms linear 750ms forwards bs-notify-fadeOut;
  animation: 300ms linear 750ms forwards bs-notify-fadeOut;
}
.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: "\a0";
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/* node_modules/slick-carousel/slick/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* node_modules/croppie/croppie.css */
.croppie-container {
  width: 100%;
  height: 100%;
}
.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}
.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}
.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}
.croppie-container .cr-original-image {
  display: none;
}
.croppie-container .cr-vp-circle {
  border-radius: 50%;
}
.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}
.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}
.croppie-result {
  position: relative;
  overflow: hidden;
}
.croppie-result img {
  position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.cr-slider {
  -webkit-appearance: none;
  width: 300px;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:focus {
  outline: none;
}
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: "\21ba";
}
.cr-rotate-r i:before {
  content: "\21bb";
}

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}
.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags-645KQKNA.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("./media/flags@2x-E4CMA2OR.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

/* node_modules/swiper/swiper-bundle.min.css */
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset,10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
}
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset,1%);
  bottom: var(--swiper-scrollbar-bottom,4px);
  top: var(--swiper-scrollbar-top,auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size,4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left,auto);
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size,4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property:
    transform,
    opacity,
    height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* src/assets/vendor/toasty.css */
/*! Toasty.js - v1.5.0 - 2018-05-04
* https://jakim.me/Toasty.js/
* Copyright (c) 2015-2018 Jakim Hernández; Licensed MIT */
.toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  line-height: normal;
  line-height: initial;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.toast-container .toast-wrapper {
  position: relative;
  padding: 0.5em;
}
.toast-container .toast-soundplayer {
  display: none;
  visibility: hidden;
}
.toast {
  position: relative;
  padding: 16px;
  border: 1px solid;
  margin: 0.5em 0em;
  border-left: 6px solid transparent;
  border-radius: 2px;
  pointer-events: none;
  -webkit-transition: all 0.32s ease-in-out;
  -o-transition: all 0.32s ease-in-out;
  transition: all 0.32s ease-in-out;
  -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, .25);
  box-shadow: 0px 0px 9px rgba(0, 0, 0, .25);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.toast--info {
  color: #31708f;
  background-color: #eaf2fa;
  border-color: #91c5f2;
}
.toast--success {
  color: #3c763d;
  background-color: #e9ffd9;
  border-color: #a6ca8a;
}
.toast--warning {
  color: #8a6d3b;
  background-color: #fff8c4;
  border-color: #f2c779;
}
.toast--error {
  color: #a94442;
  background-color: #ffecec;
  border-color: #f5aca6;
}
.toast.close-on-click {
  cursor: pointer;
  pointer-events: auto;
}
.toast-progressbar {
  position: absolute;
  height: 4px;
  width: 0%;
  left: 0px;
  bottom: 0px;
  opacity: 0.5;
  -webkit-transition: width 0s ease;
  -o-transition: width 0s ease;
  transition: width 0s ease;
}
.toast-progressbar--info {
  background-color: #91c5f2;
}
.toast-progressbar--success {
  background-color: #a6ca8a;
}
.toast-progressbar--warning {
  background-color: #f2c779;
}
.toast-progressbar--error {
  background-color: #f5aca6;
}
.toast-container--fade {
  right: 0;
  bottom: 0;
}
.toast-container--fade .toast-wrapper {
  display: inline-block;
}
.toast.fade-init {
  opacity: 0;
}
.toast.fade-show {
  opacity: 1;
}
.toast.fade-hide {
  opacity: 0;
}
.toast-container--slideLeftFade {
  right: 0;
  bottom: 0;
}
.toast-container--slideLeftFade .toast-wrapper {
  display: inline-block;
}
.toast.slideLeftFade-init {
  right: -100%;
  opacity: 0;
}
.toast.slideLeftFade-show {
  right: 0%;
  opacity: 1;
}
.toast.slideLeftFade-hide {
  right: 100%;
  opacity: 0;
}
.toast-container--slideLeftRightFade {
  right: 0;
  bottom: 0;
}
.toast-container--slideLeftRightFade .toast-wrapper {
  display: inline-block;
}
.toast.slideLeftRightFade-init {
  right: -100%;
  opacity: 0;
}
.toast.slideLeftRightFade-show {
  right: 0%;
  opacity: 1;
}
.toast.slideLeftRightFade-hide {
  right: -100%;
  opacity: 0;
}
.toast-container--slideRightFade {
  right: 0;
  bottom: 0;
}
.toast-container--slideRightFade .toast-wrapper {
  display: inline-block;
}
.toast.slideRightFade-init {
  left: -100%;
  opacity: 0;
}
.toast.slideRightFade-show {
  left: 0%;
  opacity: 1;
}
.toast.slideRightFade-hide {
  left: 100%;
  opacity: 0;
}
.toast-container--slideRightLeftFade {
  right: 0;
  bottom: 0;
}
.toast-container--slideRightLeftFade .toast-wrapper {
  display: inline-block;
}
.toast.slideRightLeftFade-init {
  left: -100%;
  opacity: 0;
}
.toast.slideRightLeftFade-show {
  left: 0%;
  opacity: 1;
}
.toast.slideRightLeftFade-hide {
  left: -100%;
  opacity: 0;
}
.toast-container--slideUpFade {
  top: 0;
  right: 0;
  bottom: 0;
}
.toast-container--slideUpFade .toast-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.toast.slideUpFade-init {
  bottom: -100%;
  opacity: 0;
}
.toast.slideUpFade-show {
  bottom: 0%;
  opacity: 1;
}
.toast.slideUpFade-hide {
  bottom: 100%;
  opacity: 0;
}
.toast-container--slideUpDownFade {
  top: 0;
  right: 0;
  bottom: 0;
}
.toast-container--slideUpDownFade .toast-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.toast.slideUpDownFade-init {
  bottom: -100%;
  opacity: 0;
}
.toast.slideUpDownFade-show {
  bottom: 0%;
  opacity: 1;
}
.toast.slideUpDownFade-hide {
  bottom: -100%;
  opacity: 0;
}
.toast-container--slideDownFade {
  top: 0;
  right: 0;
  bottom: 0;
}
.toast-container--slideDownFade .toast-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.toast.slideDownFade-init {
  top: -100%;
  opacity: 0;
}
.toast.slideDownFade-show {
  top: 0%;
  opacity: 1;
}
.toast.slideDownFade-hide {
  top: 100%;
  opacity: 0;
}
.toast-container--slideDownUpFade {
  top: 0;
  right: 0;
  bottom: 0;
}
.toast-container--slideDownUpFade .toast-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.toast.slideDownUpFade-init {
  top: -100%;
  opacity: 0;
}
.toast.slideDownUpFade-show {
  top: 0%;
  opacity: 1;
}
.toast.slideDownUpFade-hide {
  top: -100%;
  opacity: 0;
}
.toast-container--pinItUp {
  top: 0;
  right: 0;
  bottom: 0;
}
.toast-container--pinItUp .toast-wrapper {
  display: inline-block;
  height: 25px;
  float: right;
}
.toast.pinItUp-init {
  bottom: -100%;
  opacity: 0;
}
.toast.pinItUp-show {
  bottom: 0%;
  opacity: 1;
}
.toast.pinItUp-hide {
  bottom: 100%;
  opacity: 0;
}
.toast-container--pinItDown {
  top: 0;
  right: 0;
  bottom: 0;
}
.toast-container--pinItDown .toast-wrapper {
  display: inline-block;
  height: 25px;
  float: right;
}
.toast.pinItDown-init {
  top: -100%;
  opacity: 0;
}
.toast.pinItDown-show {
  top: 0%;
  opacity: 1;
}
.toast.pinItDown-hide {
  top: 100%;
  opacity: 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-55YSE7YB.css.map */