/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --kds-color-magenta-50: #fff5ff;
  --kds-color-magenta-100: #ffecfe;
  --kds-color-magenta-200: #ffc5fb;
  --kds-color-magenta-300: #ff9af8;
  --kds-color-magenta-400: #ff64f4;
  --kds-color-magenta-500: #ff37f0;
  --kds-color-magenta-600: #d91dcb;
  --kds-color-magenta-700: #cf07be;
  --kds-color-magenta-800: #a6069a;
  --kds-color-magenta-900: #790070;
  --kds-color-magenta-950: #5d0055;
  --kds-color-purple-50: #f5f3ff;
  --kds-color-purple-100: #ede9fe;
  --kds-color-purple-200: #ddd6fe;
  --kds-color-purple-300: #c4b5fd;
  --kds-color-purple-400: #a78bfa;
  --kds-color-purple-500: #8b5cf6;
  --kds-color-purple-600: #7c3aed;
  --kds-color-purple-700: #6d28d9;
  --kds-color-purple-800: #5b21b6;
  --kds-color-purple-900: #4c1d95;
  --kds-color-purple-950: #2e1065;
  --kds-color-blue-50: #eff6ff;
  --kds-color-blue-100: #dbeafe;
  --kds-color-blue-200: #bfdbfe;
  --kds-color-blue-300: #93c5fd;
  --kds-color-blue-400: #60a5fa;
  --kds-color-blue-500: #3b82f6;
  --kds-color-blue-600: #3a65dc;
  --kds-color-blue-700: #003ad6;
  --kds-color-blue-800: #0031ba;
  --kds-color-blue-900: #00257d;
  --kds-color-blue-950: #001858;
  --kds-color-lightblue-50: #e6f7ff;
  --kds-color-lightblue-100: #d8f3fe;
  --kds-color-lightblue-200: #9de1ff;
  --kds-color-lightblue-300: #6ad2ff;
  --kds-color-lightblue-400: #2dc0ff;
  --kds-color-lightblue-500: #00adf8;
  --kds-color-lightblue-600: #029adc;
  --kds-color-lightblue-700: #036fa1;
  --kds-color-lightblue-800: #075e85;
  --kds-color-lightblue-900: #0c4e6e;
  --kds-color-lightblue-950: #083249;
  --kds-color-teal-50: #f0fdfa;
  --kds-color-teal-100: #ccfbf1;
  --kds-color-teal-200: #99f6e4;
  --kds-color-teal-300: #5eead4;
  --kds-color-teal-400: #2dd4bf;
  --kds-color-teal-500: #14b8a6;
  --kds-color-teal-600: #0d9488;
  --kds-color-teal-700: #0f766e;
  --kds-color-teal-800: #115e59;
  --kds-color-teal-900: #134e4a;
  --kds-color-teal-950: #042f2e;
  --kds-color-cyan-50: #ecfeff;
  --kds-color-cyan-100: #cffafe;
  --kds-color-cyan-200: #a5f3fc;
  --kds-color-cyan-300: #67e8f9;
  --kds-color-cyan-400: #22d3ee;
  --kds-color-cyan-500: #06b6d4;
  --kds-color-cyan-600: #0891b2;
  --kds-color-cyan-700: #0e7490;
  --kds-color-cyan-800: #155e75;
  --kds-color-cyan-900: #164e63;
  --kds-color-cyan-950: #083344;
  --kds-color-green-50: #f0fdf4;
  --kds-color-green-100: #dcfce7;
  --kds-color-green-200: #bbf7d0;
  --kds-color-green-300: #86efac;
  --kds-color-green-400: #4ade80;
  --kds-color-green-500: #22c55e;
  --kds-color-green-600: #16a34a;
  --kds-color-green-700: #15803d;
  --kds-color-green-800: #166534;
  --kds-color-green-900: #14532d;
  --kds-color-green-950: #052e16;
  --kds-color-lime-50: #f7fee7;
  --kds-color-lime-100: #ecfccb;
  --kds-color-lime-200: #d9f99d;
  --kds-color-lime-300: #bef264;
  --kds-color-lime-400: #a3e635;
  --kds-color-lime-500: #84cc16;
  --kds-color-lime-600: #65a30d;
  --kds-color-lime-700: #4d7c0f;
  --kds-color-lime-800: #3f6212;
  --kds-color-lime-900: #365314;
  --kds-color-lime-950: #1a2e05;
  --kds-color-yellow-50: #fefce8;
  --kds-color-yellow-100: #fef9c3;
  --kds-color-yellow-200: #fef08a;
  --kds-color-yellow-300: #fde047;
  --kds-color-yellow-400: #facc15;
  --kds-color-yellow-500: #eab308;
  --kds-color-yellow-600: #ca8a04;
  --kds-color-yellow-700: #a16207;
  --kds-color-yellow-800: #854d0e;
  --kds-color-yellow-900: #713f12;
  --kds-color-yellow-950: #422006;
  --kds-color-orange-50: #fff7ed;
  --kds-color-orange-100: #ffedd5;
  --kds-color-orange-200: #fed7aa;
  --kds-color-orange-300: #fdba74;
  --kds-color-orange-400: #fb923c;
  --kds-color-orange-500: #f97316;
  --kds-color-orange-600: #ea580c;
  --kds-color-orange-700: #c2410c;
  --kds-color-orange-800: #9a3412;
  --kds-color-orange-900: #7c2d12;
  --kds-color-orange-950: #431407;
  --kds-color-red-50: #fef2f2;
  --kds-color-red-100: #fee2e2;
  --kds-color-red-200: #fecaca;
  --kds-color-red-300: #fca5a5;
  --kds-color-red-400: #f87171;
  --kds-color-red-500: #ef4444;
  --kds-color-red-600: #dc2626;
  --kds-color-red-700: #b91c1c;
  --kds-color-red-800: #991b1b;
  --kds-color-red-900: #7f1d1d;
  --kds-color-red-950: #450a0a;
  --kds-color-gray-50: #faf9f8;
  --kds-color-gray-100: #f4f4f2;
  --kds-color-gray-200: #ecece6;
  --kds-color-gray-300: #dbd5d0;
  --kds-color-gray-400: #a69a91;
  --kds-color-gray-500: #7c7168;
  --kds-color-gray-600: #6c6057;
  --kds-color-gray-700: #50463f;
  --kds-color-gray-800: #403730;
  --kds-color-gray-900: #322a24;
  --kds-color-gray-950: #1a1712;
  --kds-color-white: #ffffff;
  --kds-color-black: #000000;
  --kds-color-transparent: transparent;
  --kds-color-primary-50: #eff6ff;
  --kds-color-primary-100: #dbeafe;
  --kds-color-primary-200: #bfdbfe;
  --kds-color-primary-300: #93c5fd;
  --kds-color-primary-400: #60a5fa;
  --kds-color-primary-500: #3b82f6;
  --kds-color-primary-600: #3a65dc;
  --kds-color-primary-700: #003ad6;
  --kds-color-primary-800: #0031ba;
  --kds-color-primary-900: #00257d;
  --kds-color-primary-950: #001858;
  --kds-color-secondary-50: #fff5ff;
  --kds-color-secondary-100: #ffecfe;
  --kds-color-secondary-200: #ffc5fb;
  --kds-color-secondary-300: #ff9af8;
  --kds-color-secondary-400: #ff64f4;
  --kds-color-secondary-500: #ff37f0;
  --kds-color-secondary-600: #d91dcb;
  --kds-color-secondary-700: #cf07be;
  --kds-color-secondary-800: #a6069a;
  --kds-color-secondary-900: #790070;
  --kds-color-secondary-950: #5d0055;
  --kds-color-info-50: #e6f7ff;
  --kds-color-info-100: #d8f3fe;
  --kds-color-info-200: #9de1ff;
  --kds-color-info-300: #6ad2ff;
  --kds-color-info-400: #2dc0ff;
  --kds-color-info-500: #00adf8;
  --kds-color-info-600: #029adc;
  --kds-color-info-700: #036fa1;
  --kds-color-info-800: #075e85;
  --kds-color-info-900: #0c4e6e;
  --kds-color-info-950: #083249;
  --kds-color-success-50: #f0fdf4;
  --kds-color-success-100: #dcfce7;
  --kds-color-success-200: #bbf7d0;
  --kds-color-success-300: #86efac;
  --kds-color-success-400: #4ade80;
  --kds-color-success-500: #22c55e;
  --kds-color-success-600: #16a34a;
  --kds-color-success-700: #15803d;
  --kds-color-success-800: #166534;
  --kds-color-success-900: #14532d;
  --kds-color-success-950: #052e16;
  --kds-color-warning-50: #fff7ed;
  --kds-color-warning-100: #ffedd5;
  --kds-color-warning-200: #fed7aa;
  --kds-color-warning-300: #fdba74;
  --kds-color-warning-400: #fb923c;
  --kds-color-warning-500: #f97316;
  --kds-color-warning-600: #ea580c;
  --kds-color-warning-700: #c2410c;
  --kds-color-warning-800: #9a3412;
  --kds-color-warning-900: #7c2d12;
  --kds-color-warning-950: #431407;
  --kds-color-danger-50: #fef2f2;
  --kds-color-danger-100: #fee2e2;
  --kds-color-danger-200: #fecaca;
  --kds-color-danger-300: #fca5a5;
  --kds-color-danger-400: #f87171;
  --kds-color-danger-500: #ef4444;
  --kds-color-danger-600: #dc2626;
  --kds-color-danger-700: #b91c1c;
  --kds-color-danger-800: #991b1b;
  --kds-color-danger-900: #7f1d1d;
  --kds-color-danger-950: #450a0a;
  --kds-color-neutral-0: #ffffff;
  --kds-color-neutral-50: #faf9f8;
  --kds-color-neutral-100: #f4f4f2;
  --kds-color-neutral-200: #ecece6;
  --kds-color-neutral-300: #dbd5d0;
  --kds-color-neutral-400: #a69a91;
  --kds-color-neutral-500: #7c7168;
  --kds-color-neutral-600: #6c6057;
  --kds-color-neutral-700: #50463f;
  --kds-color-neutral-800: #403730;
  --kds-color-neutral-900: #322a24;
  --kds-color-neutral-950: #1a1712;
  --kds-color-neutral-1000: #000000;
  --kds-color-foreground-default: #322a24;
  --kds-color-foreground-subtle: #50463f;
  --kds-color-foreground-minimal: #7c7168;
  --kds-color-foreground-inverse: #ffffff;
  --kds-color-foreground-selected: #003ad6;
  --kds-color-foreground-on-selected: #ffffff;
  --kds-color-foreground-disabled: #a69a91;
  --kds-color-foreground-primary: #003ad6;
  --kds-color-foreground-on-primary: #ffffff;
  --kds-color-foreground-secondary: #cf07be;
  --kds-color-foreground-on-secondary: #ffffff;
  --kds-color-foreground-info: #036fa1;
  --kds-color-foreground-on-info: #ffffff;
  --kds-color-foreground-success: #15803d;
  --kds-color-foreground-on-success: #ffffff;
  --kds-color-foreground-warning: #c2410c;
  --kds-color-foreground-on-warning: #ffffff;
  --kds-color-foreground-danger: #b91c1c;
  --kds-color-foreground-on-danger: #ffffff;
  --kds-color-foreground-neutral: #50463f;
  --kds-color-foreground-on-neutral: #ffffff;
  --kds-color-background-default: #ffffff;
  --kds-color-background-minimal: #faf9f8;
  --kds-color-background-subtle: #f4f4f2;
  --kds-color-background-selected: #003ad6;
  --kds-color-background-disabled: #f4f4f2;
  --kds-color-background-primary: #003ad6;
  --kds-color-background-secondary: #cf07be;
  --kds-color-background-info: #036fa1;
  --kds-color-background-success: #15803d;
  --kds-color-background-warning: #c2410c;
  --kds-color-background-danger: #b91c1c;
  --kds-color-background-neutral: #50463f;
  --kds-color-border-strong: #50463f;
  --kds-color-border-medium: #7c7168;
  --kds-color-border-subtle: #dbd5d0;
  --kds-color-border-minimal: #ecece6;
  --kds-color-border-focused: #3b82f6;
  --kds-color-border-selected: #003ad6;
  --kds-color-border-disabled: #a69a91;
  --kds-color-border-primary: #003ad6;
  --kds-color-border-secondary: #cf07be;
  --kds-color-border-info: #036fa1;
  --kds-color-border-success: #15803d;
  --kds-color-border-warning: #c2410c;
  --kds-color-border-danger: #b91c1c;
  --kds-color-border-neutral: #50463f;
  --kds-color-shadow-minimal: #faf9f8;
  --kds-color-shadow-subtle: #f4f4f2;
  --kds-color-shadow-focused: #eff6ff;
  --kds-color-shadow-warning: #fff7ed;
  --kds-font-family-base: 'Atlas Grotesk', Arial, sans-serif;
  --kds-font-weight-normal: 400;
  --kds-font-weight-medium: 500;
  --kds-font-weight-bold: 700;
  --kds-font-weight-input: 400;
  --kds-font-weight-placeholder: 400;
  --kds-font-style-normal: normal;
  --kds-font-style-italic: italic;
  --kds-font-size-xs: 12px;
  --kds-font-size-sm: 14px;
  --kds-font-size-md: 16px;
  --kds-font-size-lg: 18px;
  --kds-font-size-xl: 20px;
  --kds-font-size-2xl: 24px;
  --kds-font-size-3xl: 32px;
  --kds-font-size-4xl: 40px;
  --kds-font-size-5xl: 48px;
  --kds-font-size-6xl: 60px;
  --kds-font-size-7xl: 72px;
  --kds-font-size-8xl: 96px;
  --kds-font-size-9xl: 128px;
  --kds-font-size-input-medium: 14px;
  --kds-font-size-input-large: 16px;
  --kds-line-height-3: 12px;
  --kds-line-height-4: 16px;
  --kds-line-height-5: 20px;
  --kds-line-height-6: 24px;
  --kds-line-height-7: 28px;
  --kds-line-height-8: 32px;
  --kds-line-height-9: 36px;
  --kds-line-height-10: 40px;
  --kds-line-height-none: 1;
  --kds-line-height-tight: 1.2;
  --kds-line-height-snug: 1.375;
  --kds-line-height-normal: 1.5;
  --kds-line-height-relaxed: 1.625;
  --kds-line-height-loose: 2;
  --kds-line-height-input-medium: 20px;
  --kds-line-height-input-large: 24px;
  --kds-letter-spacing-tighter: -0.05em;
  --kds-letter-spacing-tight: -0.025em;
  --kds-letter-spacing-normal: 0;
  --kds-letter-spacing-wide: 0.025em;
  --kds-letter-spacing-wider: 0.05em;
  --kds-letter-spacing-widest: 0.1em;
  --kds-breakpoint-small: 576px;
  --kds-breakpoint-medium: 768px;
  --kds-breakpoint-large: 1024px;
  --kds-breakpoint-xlarge: 1440px;
  --kds-spacing-0: 0;
  --kds-spacing-1: 4px;
  --kds-spacing-2: 8px;
  --kds-spacing-3: 12px;
  --kds-spacing-4: 16px;
  --kds-spacing-5: 20px;
  --kds-spacing-6: 24px;
  --kds-spacing-7: 28px;
  --kds-spacing-8: 32px;
  --kds-spacing-9: 36px;
  --kds-spacing-10: 40px;
  --kds-spacing-12: 48px;
  --kds-spacing-14: 56px;
  --kds-spacing-16: 64px;
  --kds-spacing-20: 80px;
  --kds-spacing-24: 96px;
  --kds-spacing-28: 112px;
  --kds-spacing-32: 128px;
  --kds-spacing-36: 144px;
  --kds-spacing-40: 160px;
  --kds-spacing-44: 176px;
  --kds-spacing-48: 192px;
  --kds-spacing-56: 224px;
  --kds-spacing-60: 240px;
  --kds-spacing-64: 256px;
  --kds-spacing-72: 288px;
  --kds-spacing-80: 320px;
  --kds-spacing-96: 384px;
  --kds-spacing-px: 1px;
  --kds-spacing-0-5: 2px;
  --kds-spacing-1-5: 6px;
  --kds-spacing-2-5: 10px;
  --kds-spacing-3-5: 14px;
  --kds-spacing-4-5: 18px;
  --kds-border-radius-none: 0;
  --kds-border-radius-small: 2px;
  --kds-border-radius-base: 4px;
  --kds-border-radius-medium: 6px;
  --kds-border-radius-large: 8px;
  --kds-border-radius-xlarge: 12px;
  --kds-border-radius-2xlarge: 16px;
  --kds-border-radius-3xlarge: 24px;
  --kds-border-radius-full: 9999px;
  --kds-ease-in: 0.42, 0, 1, 1;
  --kds-ease-out: 0.29, 0, 0.83, 0.67;
  --kds-ease-in-out: 0.42, 0, 0.58, 1;
  --kds-box-shadow-none: none;
  --kds-box-shadow-small: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  --kds-box-shadow-base: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  --kds-box-shadow-medium: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  --kds-box-shadow-large: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --kds-box-shadow-xlarge: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  --kds-box-shadow-2xlarge: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
  --kds-button-color-background-solid-primary: #003ad6;
  --kds-button-color-background-solid-primary-hovered: #0031ba;
  --kds-button-color-background-solid-primary-pressed: #00257d;
  --kds-button-color-background-solid-secondary: #cf07be;
  --kds-button-color-background-solid-secondary-hovered: #a6069a;
  --kds-button-color-background-solid-secondary-pressed: #790070;
  --kds-button-color-background-solid-success: #15803d;
  --kds-button-color-background-solid-success-hovered: #166534;
  --kds-button-color-background-solid-success-pressed: #14532d;
  --kds-button-color-background-solid-warning: #c2410c;
  --kds-button-color-background-solid-warning-hovered: #9a3412;
  --kds-button-color-background-solid-warning-pressed: #7c2d12;
  --kds-button-color-background-solid-danger: #b91c1c;
  --kds-button-color-background-solid-danger-hovered: #991b1b;
  --kds-button-color-background-solid-danger-pressed: #7f1d1d;
  --kds-button-color-background-solid-neutral: #50463f;
  --kds-button-color-background-solid-neutral-hovered: #403730;
  --kds-button-color-background-solid-neutral-pressed: #322a24;
  --kds-button-color-background-solid-disabled: #a69a91;
  --kds-button-color-background-outline-primary: transparent;
  --kds-button-color-background-outline-primary-hovered: #eff6ff;
  --kds-button-color-background-outline-primary-pressed: #dbeafe;
  --kds-button-color-background-outline-secondary: transparent;
  --kds-button-color-background-outline-secondary-hovered: #fff5ff;
  --kds-button-color-background-outline-secondary-pressed: #ffecfe;
  --kds-button-color-background-outline-success: transparent;
  --kds-button-color-background-outline-success-hovered: #f0fdf4;
  --kds-button-color-background-outline-success-pressed: #dcfce7;
  --kds-button-color-background-outline-warning: transparent;
  --kds-button-color-background-outline-warning-hovered: #fff7ed;
  --kds-button-color-background-outline-warning-pressed: #ffedd5;
  --kds-button-color-background-outline-danger: transparent;
  --kds-button-color-background-outline-danger-hovered: #fef2f2;
  --kds-button-color-background-outline-danger-pressed: #fee2e2;
  --kds-button-color-background-outline-neutral: transparent;
  --kds-button-color-background-outline-neutral-hovered: #faf9f8;
  --kds-button-color-background-outline-neutral-pressed: #f4f4f2;
  --kds-button-color-background-outline-disabled: transparent;
  --kds-button-color-background-link-primary: transparent;
  --kds-button-color-background-link-primary-hovered: transparent;
  --kds-button-color-background-link-primary-pressed: transparent;
  --kds-button-color-background-link-secondary: transparent;
  --kds-button-color-background-link-secondary-hovered: transparent;
  --kds-button-color-background-link-secondary-pressed: transparent;
  --kds-button-color-background-link-success: transparent;
  --kds-button-color-background-link-success-hovered: transparent;
  --kds-button-color-background-link-success-pressed: transparent;
  --kds-button-color-background-link-warning: transparent;
  --kds-button-color-background-link-warning-hovered: transparent;
  --kds-button-color-background-link-warning-pressed: transparent;
  --kds-button-color-background-link-danger: transparent;
  --kds-button-color-background-link-danger-hovered: transparent;
  --kds-button-color-background-link-danger-pressed: transparent;
  --kds-button-color-background-link-neutral: transparent;
  --kds-button-color-background-link-neutral-hovered: transparent;
  --kds-button-color-background-link-neutral-pressed: transparent;
  --kds-button-color-background-link-disabled: transparent;
  --kds-button-color-foreground-solid-primary: #ffffff;
  --kds-button-color-foreground-solid-primary-hovered: #ffffff;
  --kds-button-color-foreground-solid-primary-pressed: #ffffff;
  --kds-button-color-foreground-solid-secondary: #ffffff;
  --kds-button-color-foreground-solid-secondary-hovered: #ffffff;
  --kds-button-color-foreground-solid-secondary-pressed: #ffffff;
  --kds-button-color-foreground-solid-success: #ffffff;
  --kds-button-color-foreground-solid-success-hovered: #ffffff;
  --kds-button-color-foreground-solid-success-pressed: #ffffff;
  --kds-button-color-foreground-solid-warning: #ffffff;
  --kds-button-color-foreground-solid-warning-hovered: #ffffff;
  --kds-button-color-foreground-solid-warning-pressed: #ffffff;
  --kds-button-color-foreground-solid-danger: #ffffff;
  --kds-button-color-foreground-solid-danger-hovered: #ffffff;
  --kds-button-color-foreground-solid-danger-pressed: #ffffff;
  --kds-button-color-foreground-solid-neutral: #ffffff;
  --kds-button-color-foreground-solid-neutral-hovered: #ffffff;
  --kds-button-color-foreground-solid-neutral-pressed: #ffffff;
  --kds-button-color-foreground-solid-disabled: #ffffff;
  --kds-button-color-foreground-outline-primary: #003ad6;
  --kds-button-color-foreground-outline-primary-hovered: #0031ba;
  --kds-button-color-foreground-outline-primary-pressed: #00257d;
  --kds-button-color-foreground-outline-secondary: #cf07be;
  --kds-button-color-foreground-outline-secondary-hovered: #a6069a;
  --kds-button-color-foreground-outline-secondary-pressed: #790070;
  --kds-button-color-foreground-outline-neutral: #50463f;
  --kds-button-color-foreground-outline-success: #15803d;
  --kds-button-color-foreground-outline-success-hovered: #166534;
  --kds-button-color-foreground-outline-success-pressed: #14532d;
  --kds-button-color-foreground-outline-warning: #c2410c;
  --kds-button-color-foreground-outline-warning-hovered: #9a3412;
  --kds-button-color-foreground-outline-warning-pressed: #7c2d12;
  --kds-button-color-foreground-outline-danger: #b91c1c;
  --kds-button-color-foreground-outline-danger-hovered: #991b1b;
  --kds-button-color-foreground-outline-danger-pressed: #7f1d1d;
  --kds-button-color-foreground-outline-neutral-hovered: #403730;
  --kds-button-color-foreground-outline-neutral-pressed: #322a24;
  --kds-button-color-foreground-outline-disabled: #a69a91;
  --kds-button-color-foreground-link-primary: #003ad6;
  --kds-button-color-foreground-link-primary-hovered: #0031ba;
  --kds-button-color-foreground-link-primary-pressed: #00257d;
  --kds-button-color-foreground-link-secondary: #cf07be;
  --kds-button-color-foreground-link-secondary-hovered: #a6069a;
  --kds-button-color-foreground-link-secondary-pressed: #790070;
  --kds-button-color-foreground-link-success: #15803d;
  --kds-button-color-foreground-link-success-hovered: #166534;
  --kds-button-color-foreground-link-success-pressed: #14532d;
  --kds-button-color-foreground-link-warning: #c2410c;
  --kds-button-color-foreground-link-warning-hovered: #9a3412;
  --kds-button-color-foreground-link-warning-pressed: #7c2d12;
  --kds-button-color-foreground-link-danger: #b91c1c;
  --kds-button-color-foreground-link-danger-hovered: #991b1b;
  --kds-button-color-foreground-link-danger-pressed: #7f1d1d;
  --kds-button-color-foreground-link-neutral: #50463f;
  --kds-button-color-foreground-link-neutral-hovered: #403730;
  --kds-button-color-foreground-link-neutral-pressed: #322a24;
  --kds-button-color-foreground-link-disabled: #a69a91;
  --kds-button-color-border-solid-primary: #003ad6;
  --kds-button-color-border-solid-primary-hovered: #0031ba;
  --kds-button-color-border-solid-primary-pressed: #00257d;
  --kds-button-color-border-solid-secondary: #cf07be;
  --kds-button-color-border-solid-secondary-hovered: #a6069a;
  --kds-button-color-border-solid-secondary-pressed: #790070;
  --kds-button-color-border-solid-success: #15803d;
  --kds-button-color-border-solid-success-hovered: #166534;
  --kds-button-color-border-solid-success-pressed: #14532d;
  --kds-button-color-border-solid-warning: #c2410c;
  --kds-button-color-border-solid-warning-hovered: #9a3412;
  --kds-button-color-border-solid-warning-pressed: #7c2d12;
  --kds-button-color-border-solid-danger: #b91c1c;
  --kds-button-color-border-solid-danger-hovered: #991b1b;
  --kds-button-color-border-solid-danger-pressed: #7f1d1d;
  --kds-button-color-border-solid-neutral: #50463f;
  --kds-button-color-border-solid-neutral-hovered: #403730;
  --kds-button-color-border-solid-neutral-pressed: #322a24;
  --kds-button-color-border-solid-disabled: #a69a91;
  --kds-button-color-border-outline-primary: #003ad6;
  --kds-button-color-border-outline-primary-hovered: #0031ba;
  --kds-button-color-border-outline-primary-pressed: #00257d;
  --kds-button-color-border-outline-secondary: #cf07be;
  --kds-button-color-border-outline-secondary-hovered: #a6069a;
  --kds-button-color-border-outline-secondary-pressed: #790070;
  --kds-button-color-border-outline-success: #15803d;
  --kds-button-color-border-outline-success-hovered: #166534;
  --kds-button-color-border-outline-success-pressed: #14532d;
  --kds-button-color-border-outline-warning: #c2410c;
  --kds-button-color-border-outline-warning-hovered: #9a3412;
  --kds-button-color-border-outline-warning-pressed: #7c2d12;
  --kds-button-color-border-outline-danger: #b91c1c;
  --kds-button-color-border-outline-danger-hovered: #991b1b;
  --kds-button-color-border-outline-danger-pressed: #7f1d1d;
  --kds-button-color-border-outline-neutral: #50463f;
  --kds-button-color-border-outline-neutral-hovered: #403730;
  --kds-button-color-border-outline-neutral-pressed: #322a24;
  --kds-button-color-border-outline-disabled: #a69a91;
  --kds-button-color-border-link-primary: transparent;
  --kds-button-color-border-link-primary-hovered: transparent;
  --kds-button-color-border-link-primary-pressed: transparent;
  --kds-button-color-border-link-secondary: transparent;
  --kds-button-color-border-link-secondary-hovered: transparent;
  --kds-button-color-border-link-secondary-pressed: transparent;
  --kds-button-color-border-link-success: transparent;
  --kds-button-color-border-link-success-hovered: transparent;
  --kds-button-color-border-link-success-pressed: transparent;
  --kds-button-color-border-link-warning: transparent;
  --kds-button-color-border-link-warning-hovered: transparent;
  --kds-button-color-border-link-warning-pressed: transparent;
  --kds-button-color-border-link-danger: transparent;
  --kds-button-color-border-link-danger-hovered: transparent;
  --kds-button-color-border-link-danger-pressed: transparent;
  --kds-button-color-border-link-neutral: transparent;
  --kds-button-color-border-link-neutral-hovered: transparent;
  --kds-button-color-border-link-neutral-pressed: transparent;
  --kds-button-color-border-link-disabled: transparent;
  --kds-button-font-family: 'Atlas Grotesk', Arial, sans-serif;
  --kds-button-font-weight: 700;
  --kds-button-line-height: 1.5;
  --kds-button-letter-spacing: 0;
  --kds-button-border-radius: 2px;
  --kds-button-font-size-small: 14px;
  --kds-button-font-size-medium: 16px;
  --kds-button-icon-size-small: 16px;
  --kds-button-icon-size-medium: 18px;
  --kds-button-min-height-small: 32px;
  --kds-button-min-height-medium: 40px;
  --kds-button-padding-block-small: 2px;
  --kds-button-padding-block-medium: 6px;
  --kds-button-padding-inline-small: 12px;
  --kds-button-padding-inline-medium: 20px;
  --kds-size-input-height-medium: 38px;
  --kds-size-input-height-large: 40px;
}

/*
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/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', 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;
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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', 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: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-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;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.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: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #0056b3;
    text-decoration: underline;
}

a:not([href]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}

pre,
code,
kbd,
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: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
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;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
    cursor: pointer;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

input[type='radio'],
input[type='checkbox'] {
    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: 0.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: 0.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, 0.1);
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.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: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d;
}

.blockquote-footer::before {
    content: '\2014\00A0';
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.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: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.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 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid,
.container-sm,
.container-md,
.container-lg,
.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-sm,
    .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .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-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.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;
    min-width: 0;
    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;
        min-width: 0;
        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;
        min-width: 0;
        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;
        min-width: 0;
        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;
        min-width: 0;
        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 th,
.table td {
    padding: 0.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 th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    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 > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
    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 > th,
.table-success > td {
    background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    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 > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    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 > th,
.table-warning > td {
    background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    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 > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    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 > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
    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 > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    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 > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 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 th,
.table-dark td,
.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, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.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 + 0.75rem + 2px);
    padding: 0.375rem 0.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: 0.25rem;
    transition:
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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='time'].form-control,
input[type='datetime-local'].form-control,
input[type='month'].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.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-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.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: 0.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: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.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%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem);
    background:
        url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e")
            no-repeat right 0.75rem center/8px 10px,
        url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.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%27/%3e%3c/svg%3e")
            #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background:
        url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e")
            no-repeat right 0.75rem center/8px 10px,
        url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e")
            #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.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 .input-group,
    .form-inline .custom-select {
        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: 0.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: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.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 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
    opacity: 0.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 0.2rem rgba(38, 143, 255, 0.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 0.2rem rgba(38, 143, 255, 0.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 0.2rem rgba(130, 138, 145, 0.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 0.2rem rgba(130, 138, 145, 0.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 0.2rem rgba(72, 180, 97, 0.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 0.2rem rgba(72, 180, 97, 0.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 0.2rem rgba(58, 176, 195, 0.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 0.2rem rgba(58, 176, 195, 0.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 0.2rem rgba(222, 170, 12, 0.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 0.2rem rgba(222, 170, 12, 0.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 0.2rem rgba(225, 83, 97, 0.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 0.2rem rgba(225, 83, 97, 0.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 0.2rem rgba(216, 217, 219, 0.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 0.2rem rgba(216, 217, 219, 0.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 0.2rem rgba(82, 88, 93, 0.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 0.2rem rgba(82, 88, 93, 0.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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.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 0.2rem rgba(52, 58, 64, 0.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-lg,
.btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.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 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.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: 0.5rem 0;
    margin: 0.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, 0.15);
    border-radius: 0.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: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.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: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.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: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: '';
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: '';
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^='top'],
.dropdown-menu[x-placement^='right'],
.dropdown-menu[x-placement^='bottom'],
.dropdown-menu[x-placement^='left'] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
    z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
    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:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.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:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
    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='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
    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 > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
    margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select: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-prepend,
.input-group-append {
    display: -ms-flexbox;
    display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
    z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
    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: 0.375rem 0.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: 0.25rem;
}

.input-group-text input[type='radio'],
.input-group-text input[type='checkbox'] {
    margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .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) {
    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:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .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) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.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 0.2rem rgba(0, 123, 255, 0.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: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: '';
    background-color: #fff;
    border: #adb5bd solid 1px;
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: '';
    background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%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=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.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=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: 0.5rem;
    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-transform 0.15s ease-in-out;
    transition:
        transform 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        transform 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out,
        -webkit-transform 0.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(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.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=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e")
        no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size='1']) {
    height: auto;
    padding-right: 0.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 + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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 + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: 'Browse';
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.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: none;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow:
        0 0 0 1px #fff,
        0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow:
        0 0 0 1px #fff,
        0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow:
        0 0 0 1px #fff,
        0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.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: 0.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 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.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: 0.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: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    transition:
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.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: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.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 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.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: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    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 {
    border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #007bff;
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -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: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.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: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
    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: 0.5rem;
    padding-bottom: 0.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: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: '';
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .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-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .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-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .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-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .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: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .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-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.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: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

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

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    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, 0.125);
    border-radius: 0.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(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.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: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.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-img-top,
    .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0;
    }
    .card-group > .card:not(:last-child) .card-img-bottom,
    .card-group > .card:not(:last-child) .card-footer {
        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-img-top,
    .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0;
    }
    .card-group > .card:not(:first-child) .card-img-bottom,
    .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.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 > .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: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item {
    display: -ms-flexbox;
    display: flex;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.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: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.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 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.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: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover,
a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus,
a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus,
a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.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: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.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 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

@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: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    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: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 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: 0.25rem;
    border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
        border-top-right-radius: 0;
    }
    .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 0.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:hover,
.list-group-item-primary.list-group-item-action:focus {
    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:hover,
.list-group-item-secondary.list-group-item-action:focus {
    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:hover,
.list-group-item-success.list-group-item-action:focus {
    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:hover,
.list-group-item-info.list-group-item-action:focus {
    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:hover,
.list-group-item-warning.list-group-item-action:focus {
    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:hover,
.list-group-item-danger.list-group-item-action:focus {
    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:hover,
.list-group-item-light.list-group-item-action:focus {
    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:hover,
.list-group-item-dark.list-group-item-action:focus {
    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: 0.5;
}

.close:hover {
    color: #000;
    text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
    opacity: 0.75;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.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: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
    padding: 0.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: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition:
        transform 0.3s ease-out,
        -webkit-transform 0.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-header,
.modal-dialog-scrollable .modal-footer {
    -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, 0.2);
    border-radius: 0.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: 0.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(0.3rem - 1px);
    border-top-right-radius: calc(0.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: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
    margin: 0.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', 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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: '';
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top'] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right'] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom'] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left'] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.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', 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;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
    position: absolute;
    display: block;
    content: '';
    border-color: transparent;
    border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^='top'] {
    margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^='top'] > .arrow {
    bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^='top'] > .arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^='top'] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^='right'] {
    margin-left: 0.5rem;
}

.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^='right'] > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^='right'] > .arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^='right'] > .arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom'] {
    margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^='bottom'] > .arrow {
    top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^='bottom'] > .arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^='bottom'] > .arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: '';
    border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left'] {
    margin-right: 0.5rem;
}

.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^='left'] > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^='left'] > .arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^='left'] > .arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.5rem 0.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 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition:
        transform 0.6s ease-in-out,
        -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
    -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.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    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 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    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%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%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: 0.5;
    transition: opacity 0.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: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.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: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow 0.75s linear infinite;
    animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.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:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    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: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.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 iframe,
.embed-responsive embed,
.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;
    -ms-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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 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: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.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: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.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: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.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: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.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: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.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: -0.25rem !important;
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }
    .m-sm-n2 {
        margin: -0.5rem !important;
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.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: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.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: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.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: -0.25rem !important;
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }
    .m-md-n2 {
        margin: -0.5rem !important;
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.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: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.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: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.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: -0.25rem !important;
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }
    .m-lg-n2 {
        margin: -0.5rem !important;
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.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: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.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: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.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: -0.25rem !important;
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }
    .m-xl-n2 {
        margin: -0.5rem !important;
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.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:hover,
a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
    color: #0f6674 !important;
}

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

a.text-warning:hover,
a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.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-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        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;
    }
    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        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 th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }
    .table-dark {
        color: inherit;
    }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #dee2e6;
    }
    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}
/*# sourceMappingURL=bootstrap.css.map */

/* ==========================================================================
Custom 24 column Bootstrap grid
========================================================================== */

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}

.offset-sm-1 {
    margin-left: 4.1666666667%;
}

.offset-sm-2 {
    margin-left: 8.3333333333%;
}

.offset-sm-3 {
    margin-left: 12.5%;
}

.offset-sm-4 {
    margin-left: 16.6666666667%;
}

.offset-sm-5 {
    margin-left: 20.8333333333%;
}

.offset-sm-6 {
    margin-left: 25%;
}

.offset-sm-7 {
    margin-left: 29.1666666667%;
}

.offset-sm-8 {
    margin-left: 33.3333333333%;
}

.offset-sm-9 {
    margin-left: 37.5%;
}

.offset-sm-10 {
    margin-left: 41.6666666667%;
}

.offset-sm-11 {
    margin-left: 45.8333333333%;
}

.offset-sm-12 {
    margin-left: 50%;
}

.offset-sm-13 {
    margin-left: 54.1666666667%;
}

.offset-sm-14 {
    margin-left: 58.3333333333%;
}

.offset-sm-15 {
    margin-left: 62.5%;
}

.offset-sm-16 {
    margin-left: 66.6666666667%;
}

.offset-sm-17 {
    margin-left: 70.8333333333%;
}

.offset-sm-18 {
    margin-left: 75%;
}

.offset-sm-19 {
    margin-left: 79.1666666667%;
}

.offset-sm-20 {
    margin-left: 83.3333333333%;
}

.offset-sm-21 {
    margin-left: 87.5%;
}

.offset-sm-22 {
    margin-left: 91.6666666667%;
}

.offset-sm-23 {
    margin-left: 95.8333333333%;
}

.offset-sm-24 {
    margin-left: 100%;
}

.col-xl,
.col-xl-auto,
.col-xl-24,
.col-xl-23,
.col-xl-22,
.col-xl-21,
.col-xl-20,
.col-xl-19,
.col-xl-18,
.col-xl-17,
.col-xl-16,
.col-xl-15,
.col-xl-14,
.col-xl-13,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-24,
.col-lg-23,
.col-lg-22,
.col-lg-21,
.col-lg-20,
.col-lg-19,
.col-lg-18,
.col-lg-17,
.col-lg-16,
.col-lg-15,
.col-lg-14,
.col-lg-13,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-24,
.col-md-23,
.col-md-22,
.col-md-21,
.col-md-20,
.col-md-19,
.col-md-18,
.col-md-17,
.col-md-16,
.col-md-15,
.col-md-14,
.col-md-13,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-24,
.col-sm-23,
.col-sm-22,
.col-sm-21,
.col-sm-20,
.col-sm-19,
.col-sm-18,
.col-sm-17,
.col-sm-16,
.col-sm-15,
.col-sm-14,
.col-sm-13,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-24,
.col-23,
.col-22,
.col-21,
.col-20,
.col-19,
.col-18,
.col-17,
.col-16,
.col-15,
.col-14,
.col-13,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

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

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 4.166667%;
    max-width: 4.166667%;
}
.col-2 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
.col-4 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-5 {
    flex: 0 0 20.833333%;
    max-width: 20.833333%;
}
.col-6 {
    flex: 0 0 25%;
    max-width: 25%;
}
.col-7 {
    flex: 0 0 29.166667%;
    max-width: 29.166667%;
}
.col-8 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
}
.col-10 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-11 {
    flex: 0 0 45.833333%;
    max-width: 45.833333%;
}
.col-12 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-13 {
    flex: 0 0 54.166667%;
    max-width: 54.166667%;
}
.col-14 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
}
.col-16 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-17 {
    flex: 0 0 70.833333%;
    max-width: 70.833333%;
}
.col-18 {
    flex: 0 0 75%;
    max-width: 75%;
}
.col-19 {
    flex: 0 0 79.166667%;
    max-width: 79.166667%;
}
.col-20 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
}
.col-22 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-23 {
    flex: 0 0 95.833333%;
    max-width: 95.833333%;
}
.col-24 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 4.166667%;
        max-width: 4.166667%;
    }
    .col-sm-2 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-sm-4 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-5 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }
    .col-sm-6 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-7 {
        flex: 0 0 29.166667%;
        max-width: 29.166667%;
    }
    .col-sm-8 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }
    .col-sm-10 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-11 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }
    .col-sm-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-13 {
        flex: 0 0 54.166667%;
        max-width: 54.166667%;
    }
    .col-sm-14 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }
    .col-sm-16 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-17 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }
    .col-sm-18 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-19 {
        flex: 0 0 79.166667%;
        max-width: 79.166667%;
    }
    .col-sm-20 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }
    .col-sm-22 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-23 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }
    .col-sm-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 4.166667%;
        max-width: 4.166667%;
    }
    .col-md-2 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-md-4 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-5 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }
    .col-md-6 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-7 {
        flex: 0 0 29.166667%;
        max-width: 29.166667%;
    }
    .col-md-8 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }
    .col-md-10 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-11 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }
    .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-13 {
        flex: 0 0 54.166667%;
        max-width: 54.166667%;
    }
    .col-md-14 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }
    .col-md-16 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-17 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }
    .col-md-18 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-19 {
        flex: 0 0 79.166667%;
        max-width: 79.166667%;
    }
    .col-md-20 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }
    .col-md-22 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-23 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }
    .col-md-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1024px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 4.166667%;
        max-width: 4.166667%;
    }
    .col-lg-2 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-lg-4 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-5 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }
    .col-lg-6 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-7 {
        flex: 0 0 29.166667%;
        max-width: 29.166667%;
    }
    .col-lg-8 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }
    .col-lg-10 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-11 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }
    .col-lg-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-13 {
        flex: 0 0 54.166667%;
        max-width: 54.166667%;
    }
    .col-lg-14 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }
    .col-lg-16 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-17 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }
    .col-lg-18 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-19 {
        flex: 0 0 79.166667%;
        max-width: 79.166667%;
    }
    .col-lg-20 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }
    .col-lg-22 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-23 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }
    .col-lg-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1440px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        flex: 0 0 4.166667%;
        max-width: 4.166667%;
    }
    .col-xl-2 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-xl-4 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-5 {
        flex: 0 0 20.833333%;
        max-width: 20.833333%;
    }
    .col-xl-6 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-7 {
        flex: 0 0 29.166667%;
        max-width: 29.166667%;
    }
    .col-xl-8 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%;
    }
    .col-xl-10 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-11 {
        flex: 0 0 45.833333%;
        max-width: 45.833333%;
    }
    .col-xl-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-13 {
        flex: 0 0 54.166667%;
        max-width: 54.166667%;
    }
    .col-xl-14 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-15 {
        flex: 0 0 62.5%;
        max-width: 62.5%;
    }
    .col-xl-16 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-17 {
        flex: 0 0 70.833333%;
        max-width: 70.833333%;
    }
    .col-xl-18 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-19 {
        flex: 0 0 79.166667%;
        max-width: 79.166667%;
    }
    .col-xl-20 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-21 {
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }
    .col-xl-22 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-23 {
        flex: 0 0 95.833333%;
        max-width: 95.833333%;
    }
    .col-xl-24 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* ==========================================================================
KSYOS Brand Colors 2018
========================================================================== */
:root {
    --ksyos-orange: #ff9a1e;
    --ksyos-orange--strong: #ff7d28;
    --ksyos-orange--darken: #d47a0b;
    --ksyos-magenta: #ff37f0;
    --ksyos-magenta--darken: #f500e4;
    --ksyos-blue: #003bd6;
    --ksyos-blue--lighten: #bfcbf4;
    --ksyos-blue--darken: #0e208b;
    --ksyos-turqoise: #38eeff;
    --ksyos-turqoise--darken: #00adf8;
    --ksyos-turqoise-light: #ebf9fe;
    --ksyos-green: #00d06a;
    --ksyos-green--lighten: #e6faf1;
    --ksyos-green--darken: #1be093;
    --ksyos-yellow: #dcda0f;
    --ksyos-yellow--darken: #83ee22;
    --ksyos-red: #f92549;
    --ksyos-red--darken: #e02020;

    --ksyos-gray-1: #f4f4f2;
    --ksyos-gray-2: #ecece6;
    --ksyos-gray-3: #dbd5d0;
    --ksyos-gray-4: #a69a91;
    --ksyos-gray-5: #50463f;
    --ksyos-gray-6: #322a24;

    --ksyos-body-bg: #faf9f8;

    --white: #ffffff;
    --black: var(--ksyos-gray-6);
    --muted: var(--ksyos-gray-4);
    --orange: var(--ksyos-orange);
    --light-orange: #fff5e6;
    --color-star: #ffb800;
    --color-postit: #fffdd1;

    --color-primary: var(--ksyos-magenta);
    --color-primary--darken: var(--ksyos-magenta--darken);
    --color-primary--hover: var(--color-primary--darken);
    --color-primary--lighten: #ffe6fd;
    --color-secondary: var(--ksyos-blue);
    --color-secondary--darken: var(--ksyos-blue--darken);
    --color-tertiary: var(--ksyos-orange);

    --color-success: var(--ksyos-green);
    --color-success--lighten: rgba(0, 208, 106, 0.1);
    --color-info: var(--ksyos-turqoise--darken);
    --color-info--lighten: var(--ksyos-turqoise-light);
    --color-warning: var(--ksyos-turqoise--darken);
    --color-warning--lighten: #e6f7fd;
    --color-danger: #d37502;
    --color-danger--lighten: #fff3e3;
    --color-emergency: var(--ksyos-red);

    --color-todo: var(--color-primary);
    --color-active: var(--ksyos-blue);
    --color-postit: #fffdd1;

    --nav-height: 64px;

    --pulmonology: #003bd6;
    --mentalHealth: #ff9a1e;
    --cardiology: #f8e71c;
    --dermatology: #ff37f0;
    --ophthalmology: #38eeff;
    --sleep: #83ee22;
    --referall: #00d06a;
    --lab: #c9005a;
    --xyz: #696a6b;
    --thuisconsult: #00adf8;
    --digitaal-spreekuur: #22eed8;
}

/* ==========================================================================
Helper colors
========================================================================== */
.has-text-emergency {
    color: var(--ksyos-red);
}

.has-text-success {
    color: var(--ksyos-green);
}

.has-text-info {
    color: var(--ksyos-turqoise--darken);
}

.has-text-danger {
    color: var(--ksyos-orange);
}

.has-background-referral {
    background-color: var(--ksyos-turqoise-light);
}

.has-background-postit {
    background-color: var(--color-postit);
}

.has-background-emergency {
    background-color: var(--ksyos-red);
}

.has-background-success {
    background-color: var(--ksyos-green);
}

.has-background-info {
    background-color: var(--ksyos-turqoise--darken);
}

.has-background-danger {
    background-color: var(--ksyos-orange);
}

.has-background-bad {
    background-color: var(--ksyos-orange--strong);
}

.has-background-warning {
    background-color: var(--ksyos-yellow);
}

.has-background-emergency--darken {
    background-color: var(--ksyos-red--darken);
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url(../fonts/AtlasGrotesk-BoldItalic-Web.woff2) format('woff2');
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Atlas Grotesk';
    src: url(../fonts/AtlasGrotesk-Bold-Web.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Atlas Grotesk';
    src: url(../fonts/AtlasGrotesk-MediumItalic-Web.woff2) format('woff2');
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Atlas Grotesk';
    src: url(../fonts/AtlasGrotesk-Medium-Web.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'Atlas Grotesk';
    src: url(../fonts/AtlasGrotesk-RegularItalic-Web.woff2) format('woff2');
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
}
@font-face {
    font-family: 'Atlas Grotesk';
    src: url(../fonts/AtlasGrotesk-Regular-Web.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

h1 {
    font-weight: var(--kds-font-weight-bold);
    font-size: 2rem;
    line-height: normal;
}
h2 {
    font-weight: var(--kds-font-weight-normal);
    font-size: 1.25rem;
    line-height: 1.375rem;
}
h3 {
    font-weight: var(--kds-font-weight-bold);
    font-size: 1rem;
    line-height: normal;
}
h4 {
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.875rem;
    line-height: 1.857;
    margin-bottom: 0;
}
h5 {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    line-height: 1.857;
    margin-bottom: 0;
}
p {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    line-height: 1.857;
}
p.user-text {
    white-space: pre-wrap;
}

small,
.small-text {
    display: block;
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
    letter-spacing: 0;
    line-height: 22px;
    font-weight: var(--kds-font-weight-normal);
}

small strong,
.small-text strong {
    font-weight: var(--kds-font-weight-bold);
}

small.has-danger,
.small-text.has-danger {
    color: var(--color-danger);
}

small.has-warning,
.small-text.has-warning {
    color: var(--color-warning);
}

.hero-title {
    font-weight: var(--kds-font-weight-bold);
    font-size: 1.25rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
    text-transform: capitalize;
}

@media (min-width: 1440px) {
    .hero-title {
        font-weight: var(--kds-font-weight-bold);
        font-size: 2rem;
        line-height: normal;
        margin-bottom: 2rem;
    }
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    html,
    body {
        width: 210mm;
        height: 297mm;
        background-color: transparent;
    }

    .pagenr:before {
        content: counter(page);
    }

    .navigation-container {
        height: 60px;
        display: block !important;
    }

    .navigation-container .navigation-container__fixed {
        position: relative;
    }

    .navigation-container .navigation-bar {
        border: 0px;
        background: transparent;
    }

    .navigation-container .float-right {
        display: none !important;
    }

    .navigation-container .float-left .nav-item:not(:first-child) {
        display: none !important;
    }

    .navigation-container .nav-item {
        padding: 0px 15px !important;
    }

    .container {
        max-width: 100%;
    }

    .container .row div[class^='col-'] {
        margin: 0px;
        max-width: 100%;
        flex: unset;
        width: 100%;
    }

    .container .fixed-aside_wrapper {
        position: relative;
        max-width: 100%;
        width: 100%;
        padding: 0px;
        overflow: visible;
    }

    .container .fixed-aside_wrapper .patient-block {
        border: 0px;
        padding: 0px;
        margin: 0px;
        position: relative;
    }

    .container .fixed-aside_wrapper .patient-block:before {
        text-align: left;
        position: absolute;
        left: 0px;
        top: -30px;
        content: 'Patientgegevens';
        display: block;
        width: 100%;
        margin: 0;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: var(--kds-font-weight-bold);
    }

    .container .fixed-aside_wrapper .patient-block .patient-info {
        padding: 0px;
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul {
        margin: 0px;
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul li {
        font-weight: var(--kds-font-weight-bold);
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul li:first-child {
        display: none;
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul li span {
        font-weight: var(--kds-font-weight-normal);
        display: block;
        float: left;
        width: 180px;
        margin-right: 20px;
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul li h2 {
        font-weight: var(--kds-font-weight-bold);
        position: relative;
        font-size: 13px;
        margin-left: 200px;
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul li h2:before {
        position: absolute;
        left: 0px;
        content: 'Naam';
        display: block;
        width: 180px;
        transform: translateX(-200px);
        float: left;
        margin: 0;
        font-size: 13px;
        letter-spacing: 0;
        margin-right: 20px;
        font-weight: var(--kds-font-weight-normal);
    }

    .container .fixed-aside_wrapper .patient-block .patient-info ul li p {
        font-weight: var(--kds-font-weight-bold);
        margin: 0px 0px 0px 200px;
        color: var(--black);
    }

    .container .fixed-aside_wrapper .patient-block_info {
        border: 0px;
        padding: 0px;
    }

    .container .fixed-aside_wrapper .patient-block_info .collapse {
        display: block !important;
    }

    .container .fixed-aside_wrapper .patient-block_info .collapse ul li:nth-child(odd) {
        width: 180px;
        margin-right: 20px;
    }

    .container .fixed-aside_wrapper .patient-block_info .collapse ul li:nth-child(even) {
        font-weight: var(--kds-font-weight-bold);
        width: calc(100% - (255px + 20px));
    }

    .container .fixed-aside_wrapper .patient-block_info .collapse ul li:nth-child(even) a {
        font-weight: var(--kds-font-weight-bold);
    }

    .container .fixed-aside_wrapper .patient-block_info .collapse .link {
        display: none;
    }

    .container .fixed-aside_wrapper .patient-block_listing {
        display: none;
    }

    .container header {
        display: none;
    }

    .container .collapse-wrapper {
        page-break-after: always;
        margin-top: 20px;
    }

    .container .collapse-wrapper .form-container {
        background: transparent;
        border: 0px;
        padding: 0px;
    }

    .container .collapse-wrapper .form-container:first-child .form-header h2 {
        font-size: 18px;
    }

    .container .collapse-wrapper .form-container h3 {
        font-size: 15px;
    }

    .container .collapse-wrapper .form-container .divider {
        display: none;
    }

    .container .collapse-wrapper .form-container .form-label {
        font-size: 13px;
    }

    .container .collapse-wrapper .form-container .form-header {
        min-height: auto;
        display: block;
    }

    .container .collapse-wrapper .form-container .form-header h2,
    .container .collapse-wrapper .form-container .form-header h3 {
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 5px;
        font-weight: var(--kds-font-weight-bold);
    }

    .container .collapse-wrapper .form-container .form-header .form-header__span {
        margin-left: 200px;
        position: relative;
        transform: none;
        font-weight: var(--kds-font-weight-bold);
        color: var(--black);
        font-size: 13px;
    }

    .container .collapse-wrapper .form-container .form-header .form-header__span:before {
        position: absolute;
        left: 0px;
        content: 'Aangevraagd door';
        display: block;
        width: 180px;
        transform: translateX(-200px);
        float: left;
        margin: 0;
        font-size: 13px;
        letter-spacing: 0;
        margin-right: 20px;
        font-weight: var(--kds-font-weight-normal);
    }

    .container .collapse-wrapper .form-container .form-header .date-calendar {
        max-width: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
        float: right;
        transform: none;
    }

    .container .collapse-wrapper .form-container .form-header .date-calendar span {
        margin-right: 3px;
        display: inline-block;
        font-size: 13px;
    }

    .container .collapse-wrapper .form-container .form-collapse {
        margin: 0px;
        display: block !important;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group {
        page-break-after: avoid;
        min-height: auto;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group p {
        font-weight: var(--kds-font-weight-bold);
        font-size: 13px;
        margin: 0px;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group img {
        display: none;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .reaction-author p {
        transform: none;
        font-weight: var(--kds-font-weight-normal);
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .reaction-message {
        padding: 0px;
        background: transparent;
        border: 0px;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .reaction-message:before {
        display: none;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .reaction-message span {
        color: var(--black);
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .dropzone-container {
        position: relative;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .dropzone-container:before {
        text-align: left;
        position: absolute;
        left: 0px;
        top: -30px;
        content: 'Bijlagen';
        display: block;
        width: 100%;
        margin: 0;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: var(--kds-font-weight-bold);
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .dropzone-container .filepicker {
        border: 0px;
        background: transparent;
        padding: 0px;
    }

    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-preview {
        margin: 0px;
        min-height: auto;
        width: 100%;
        border: 0px;
        background: transparent;
    }

    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-preview
        .dz-details {
        padding: 0px;
    }

    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-preview
        .dz-filename {
        overflow: visible;
    }

    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-preview
        .dz-filename
        span {
        border: 0px;
        background: transparent;
        color: var(--black);
        font-size: 13px;
    }

    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-preview
        img {
        display: none;
    }

    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-progress,
    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-error-mark,
    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-success-mark,
    .container
        .collapse-wrapper
        .form-container
        .form-collapse
        .form-group
        .dropzone-container
        .filepicker
        .dz-error-message,
    .container .collapse-wrapper .form-container .form-collapse .form-group .dropzone-container .filepicker .dz-remove {
        display: none;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .input-columns .columns {
        display: block;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .input-columns .col-md-12 {
        width: 100%;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .input-columns .col-md-11 {
        width: calc(100% - 180px - 20px);
        margin-left: 200px;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .input-columns .col-md-5 {
        width: calc(100% - 180px - 20px);
        margin-left: 200px;
    }

    .container .collapse-wrapper .form-container .form-collapse .form-group .input-columns .form-list li:nth-child(5) {
        page-break-before: always;
        margin-top: 20px;
    }

    .container .collapse-wrapper .form-container .form-collapse#formCollapse-reacties .form-group:nth-last-child(2) {
        page-break-after: always;
        margin-bottom: 20px;
    }

    .btn-container {
        display: none;
    }

    .btn {
        display: none;
    }

    footer.footnote {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 30px;
        background: transparent;
        border: 0px;
        padding: 10px;
        font-size: 10px;
        text-align: center;
    }
}

.icon-link {
    padding: 3px;
    border: 0px;
    background-color: transparent;
    cursor: pointer;
}

.icon-link:hover,
.icon-link:active,
.icon-link:focus {
    outline: 0px;
    box-shadow: none;
}

.icon-link:hover .icon svg,
.icon-link:active .icon svg,
.icon-link:focus .icon svg {
    fill: var(--color-primary--hover);
}

.icon-link:hover .icon.icon-eye svg,
.icon-link:active .icon.icon-eye svg,
.icon-link:focus .icon.icon-eye svg {
    fill: var(--ksyos-gray-5);
}

.icon {
    display: inline-block;
    color: var(--black);
    width: 18px;
    height: 18px;
    font-size: 1.063rem;
    position: relative;
}

.icon svg {
    fill: var(--ksyos-gray-6);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.icon.secondary svg {
    fill: var(--color-secondary) !important;
}

.icon.primary svg {
    fill: var(--color-primary) !important;
}

.icon.info svg {
    fill: var(--color-info) !important;
}

.icon.muted svg {
    fill: var(--ksyos-gray-4) !important;
}

.icon.white svg {
    fill: var(--white) !important;
}

.icon.danger svg {
    fill: var(--color-danger) !important;
}

.icon.uploading svg {
    fill: var(--color-info) !important;
}

.icon.success svg {
    fill: var(--color-success) !important;
}

.icon.inverted {
    background-color: var(--ksyos-gray-4);
}

.icon.inverted svg {
    fill: #fff !important;
}

.icon.danger-border svg {
    display: block;
    border-radius: 200px;
    box-sizing: border-box;
    border: 2px solid #d37502;
}

.icon.icon-neutral-patient {
    width: 20px;
    height: 20px;
}

.icon.icon-male-care-provider,
.icon.icon-female-care-provider,
.icon.icon-neutral-patient {
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: 100%;
    border-radius: 50%;
    padding: 0;
    position: relative;
    text-align: center;
    background-color: #fff;
}

.icon.icon-male-care-provider svg,
.icon.icon-female-care-provider svg,
.icon.icon-neutral-patient svg {
    fill: var(--black);
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon.icon-male-care-provider.inverted,
.icon.icon-female-care-provider.inverted,
.icon.icon-neutral-patient.inverted {
    background-color: var(--ksyos-gray-2);
}

.icon.icon-male-care-provider.inverted svg,
.icon.icon-female-care-provider.inverted svg,
.icon.icon-neutral-patient.inverted svg {
    fill: var(--black) !important;
}

/* if icon is followed by a paragraph - add some margin */
.icon.icon-male-care-provider + p,
.icon.icon-female-care-provider + p,
.icon.icon-neutral-patient + p {
    margin-left: 1rem;
}

.icon.icon-appstore {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon.icon-playstore {
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon.icon-star {
    background: var(--ksyos-gray-2);
    width: 26px;
    height: 42px;
    text-decoration: none;
}

.icon.icon-star:before {
    color: var(--ksyos-gray-3);
    position: absolute;
    top: 18px;
    left: 4px;
}

.icon.icon-star:after {
    content: '';
    width: 26px;
    height: 7px;
    display: block;
    background: url('/assets/svg/favorite-ribbon.svg') no-repeat;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.icon.icon-star svg {
    transform: translateY(5px) translateX(4px);
    width: 18px;
    height: 18px;
}

.icon.icon-star.starred {
    background: var(--ksyos-gray-2);
}

.icon.icon-star.starred svg {
    fill: var(--color-star);
}

.icon.icon-order {
    width: 18px;
    height: 18px;
}

.icon.icon-delete {
    width: 18px;
    height: 18px;
}

.icon.icon-upload {
    width: 18px;
    height: 18px;
}

.icon.icon-calendar {
    width: 18px;
    height: 18px;
}

.icon.icon-eye {
    width: 18px;
    height: 18px;
}

.icon.icon-eye-crossed {
    width: 18px;
    height: 17px;
}

.icon.icon-drag {
    width: 19px;
    height: 19px;
}

.icon.icon-dashboard {
    width: 18px;
    height: 18px;
}

.icon.icon-profile {
    width: 17px;
    height: 18px;
}

.icon.icon-addpatient {
    width: 18px;
    height: 18px;
}

.icon.icon-patients {
    width: 18px;
    height: 18px;
}

.icon.icon-arrow-left {
    width: 16px;
    height: 16px;
}

.icon.icon-arrow-right {
    width: 16px;
    height: 16px;
}

.icon.icon-circle-caret--right {
    width: 30px;
    height: 30px;
}

.icon.icon-caret {
    width: 11px;
    height: 11px;
}

.icon.icon-caret-active {
    width: 10px;
    height: 6px;
}

.icon.icon-caret-up {
    width: 12px;
    height: 12px;
}

.icon.icon-caret-left {
    width: 12px;
    height: 12px;
}

.icon.icon-caret-right {
    width: 12px;
    height: 12px;
}

.icon.icon-search {
    width: 17px;
    height: 17px;
}

.icon.icon-settings {
    width: 16px;
    height: 16px;
}

.icon.icon-telephone {
    width: 18px;
    height: 19px;
}

.icon.icon-medication {
    width: 18px;
    height: 18px;
}

.icon.icon-allergy {
    width: 18px;
    height: 18px;
}

.icon.icon-exit {
    width: 12px;
    height: 12px;
}

.icon.icon-edit {
    width: 17px;
    height: 17px;
}

.icon.icon-check {
    width: 14px;
    height: 14px;
}

.icon.icon-info {
    width: 18px;
    height: 18px;
}

.icon.icon-file {
    width: 18px;
    height: 18px;
}

.icon.icon-refresh {
    width: 18px;
    height: 18px;
}

.icon.icon-active {
    width: 17px;
    height: 18px;
}

.icon.icon-closed {
    width: 14px;
    height: 14px;
}

.icon.icon-play {
    width: 18px;
    height: 18px;
}

.icon.icon-checked {
    width: 18px;
    height: 18px;
}

.icon.icon-stopped {
    width: 18px;
    height: 18px;
}

.icon.icon-logout {
    width: 20px;
    height: 18px;
}

.icon.icon-healthcareinstitution {
    width: 18px;
    height: 18px;
}

.icon.icon-honoraria {
    width: 19px;
    height: 19px;
}

.icon.icon-examination {
    width: 18px;
    height: 18px;
}

.icon.icon-todo {
    width: 17px;
    height: 18px;
}

.icon.icon-blendedcare {
    width: 18px;
    height: 18px;
}

.icon.icon-consultation {
    width: 18px;
    height: 18px;
}

.icon.icon-referral {
    width: 18px;
    height: 18px;
}

.icon.icon-treatment {
    width: 16px;
    height: 16px;
}

.icon.icon-ggz {
    width: 16px;
    height: 16px;
}

.icon.icon-pulmonology {
    width: 18px;
    height: 18px;
}

.icon.icon-ophthalmology {
    width: 18px;
    height: 18px;
}

.icon.icon-dermatology {
    width: 18px;
    height: 18px;
}

.icon.icon-cardiology {
    width: 18px;
    height: 18px;
}

.icon.icon-orthopedics {
    width: 16px;
    height: 18px;
}

.icon.icon-mentalhealth {
    width: 16px;
    height: 18px;
}

.icon.icon-neutral-care-provider {
    width: 20px;
    height: 20px;
}

.icon.icon-female-patient {
    width: 20px;
    height: 20px;
}

.icon.icon-male-patient {
    width: 20px;
    height: 20px;
}

.icon.icon-external {
    width: 17px;
    height: 17px;
}

.icon.icon-add {
    width: 16px;
    height: 16px;
}

.icon.icon-sleep {
    width: 20px;
    height: 20px;
}

.icon.icon-arrow-down {
    width: 10px;
    height: 10px;
}

.icon.icon-arrow-up {
    width: 10px;
    height: 10px;
}

.icon.icon-admin.icon-users {
    width: 17px;
    height: 18px;
}

.icon.icon-admin.icon-devices {
    width: 18px;
    height: 18px;
}

.icon.icon-admin.icon-user-md {
    width: 16px;
    height: 18px;
}

.icon.icon-admin.icon-download {
    width: 18px;
    height: 18px;
}

.icon.icon-admin.icon-list-ol {
    width: 14px;
    height: 18px;
}

.icon.icon-admin.icon-file-text-o {
    width: 18px;
    height: 15px;
}

.icon.icon-admin.icon-euro {
    width: 18px;
    height: 18px;
}

.icon.icon-admin.icon-gears {
    width: 16px;
    height: 16px;
}

.badge {
    padding: 0px;
    background-color: transparent;
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.8125rem;
    border-radius: 33px;
    text-align: center;
    display: inline-block;
    line-height: 0.875rem;
}

.badge .icon {
    margin-right: 4px;
    transform: translateY(3px);
}

.badge.badge-small {
    min-width: 42px;
    height: 20px;
    line-height: 0.5625rem;
}

.badge.badge-primary {
    background: transparent;
    color: var(--ksyos-gray-5);
    padding: 6px 3px 5px;
}

.badge.badge-closed {
    color: var(--ksyos-gray-5);
}

.badge.badge-closed .icon svg {
    fill: var(--ksyos-gray-5);
}

.badge.badge-active {
    color: var(--ksyos-gray-5);
}

.badge.badge-active .icon svg {
    fill: var(--ksyos-gray-5);
}

.badge.badge-todo {
    color: var(--color-todo);
}

.badge.badge-todo .icon svg {
    fill: var(--color-todo);
}

.badge.badge-notify {
    border-radius: 33px;
    font-size: 0.8125rem;
    background: var(--ksyos-gray-4);
    min-width: 24px;
    min-height: 21px;
    max-height: 21px;
    padding: 3px 7px;
    color: var(--white);
}

a {
    text-decoration: none;
    font-size: 0.875rem;
}

a span {
    color: inherit;
}

a.has-icon .icon {
    width: 14px;
    height: 14px;
    margin: 0 0 0 0;
}

.dropdown-link {
    position: relative;
    display: inline-block;
    margin: 5px 0 5px;
    font-size: 0.75rem;
    line-height: 22px;
}

.dropdown-link.muted {
    color: var(--muted);
}

.dropdown-link .icon {
    margin: 0 5px 0 0;
}

/* btn */
.btn {
    position: relative;
    padding-right: 1.125rem;
    padding-left: 1.125rem;
    color: var(--black);
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.875rem;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 2px;
    transition: all 0.2s ease-out;
    box-shadow: none;
    height: auto;
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

/* reset bootstrap active styles */
.btn:hover,
.btn:focus,
.btn:active,
.btn.active:focus {
    color: #fff;
    outline: 0 none;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.btn:focus {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
    box-shadow: none;
    outline: 0 none;
    border-color: transparent;
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}

.btn.disabled,
.btn:disabled {
    background: var(--ksyos-gray-2);
    border-color: var(--ksyos-gray-2);
    box-shadow: none;
    color: var(--ksyos-gray-4);
    opacity: 0.8;
    pointer-events: none;
}

.btn.disabled .icon svg,
.btn:disabled .icon svg {
    fill: var(--ksyos-gray-4);
}

.btn.float-right {
    margin-right: 0px;
}

.btn.float-left {
    margin-right: 1rem;
}

/* button with icons */
.btn .icon {
    display: inline-block;
    vertical-align: text-top;
    margin: 0 0.25rem 0 0;
    width: 16px;
    height: 16px;
}

.btn .icon.icon-caret-right {
    margin: 0px;
    position: relative;
    float: right;
    transform: none;
    top: 4px;
    left: 7px;
}

.btn .icon svg {
    fill: inherit;
}

.btn-primary {
    background: linear-gradient(135deg, rgba(180, 52, 171, 1) 0%, rgba(255, 55, 238, 1) 25%, var(--color-primary));
    background-size: 200% auto;
    transform: perspective(1px) translateZ(0);
    color: #fff;
}

.btn-primary:hover {
    background-position: center center;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background: linear-gradient(135deg, rgba(180, 52, 171, 1) 0%, rgba(255, 55, 238, 1) 25%, var(--color-primary));
    animation-name: push;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.btn-primary .icon svg {
    fill: #fff;
}

/* large + icons */
.btn-primary.btn-lg {
    padding: 0.375rem 1.5rem;
    font-size: 1rem;
}

.btn-primary.btn-lg .icon {
    width: 18px;
    height: 18px;
}

/* outlined + inactive */
.btn-primary.outlined,
.btn-primary.inactive {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    background: transparent;
    overflow: hidden;
}

.btn-primary.outlined:before,
.btn-primary.inactive:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(180, 52, 171, 1) 0%, rgba(255, 55, 238, 1) 45%, var(--color-primary));
    z-index: -1;
    width: 0;
    transition: all 0.2s ease-out;
    transform-origin: left top;
}

.btn-primary.outlined:hover,
.btn-primary.inactive:hover {
    color: #fff;
}

.btn-primary.outlined:hover .icon svg,
.btn-primary.inactive:hover .icon svg {
    fill: #fff;
}

.btn-primary.outlined:hover:before,
.btn-primary.inactive:hover:before {
    width: calc(100% + 1px);
}

.btn-primary.outlined.disabled,
.btn-primary.outlined:disabled,
.btn-primary.inactive.disabled,
.btn-primary.inactive:disabled {
    background: transparent;
    border-color: var(--ksyos-gray-2);
    color: var(--ksyos-gray-4);
}

.btn-primary.outlined.disabled .icon svg,
.btn-primary.outlined:disabled .icon svg,
.btn-primary.inactive.disabled .icon svg,
.btn-primary.inactive:disabled .icon svg {
    fill: var(--ksyos-gray-4);
}

.btn-primary.outlined .icon svg,
.btn-primary.inactive .icon svg {
    fill: var(--color-primary);
}

.btn-secondary {
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, var(--color-secondary));
    background-size: 200% auto;
    transform: perspective(1px) translateZ(0);
    color: #fff;
}

.btn-secondary:hover {
    background-position: center center;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, var(--color-secondary));
    animation-name: push;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.btn-secondary .icon svg {
    fill: #fff;
}

/* large + icons */
.btn-secondary.btn-lg {
    padding: 0.375rem 1.5rem;
    font-size: 1rem;
}

.btn-secondary.btn-lg .icon {
    width: 18px;
    height: 18px;
}

/* outlined + inactive */
.btn-secondary.outlined,
.btn-secondary.inactive {
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    background: transparent;
    overflow: visible;
}

.btn-secondary.outlined:before,
.btn-secondary.inactive:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, var(--color-secondary));
    z-index: -1;
    width: 0;
    transition: all 0.2s ease-out;
}

.btn-secondary.outlined:hover,
.btn-secondary.inactive:hover {
    color: #fff;
}

.btn-secondary.outlined:hover .icon svg,
.btn-secondary.inactive:hover .icon svg {
    fill: #fff;
}

.btn-secondary.outlined:hover:before,
.btn-secondary.inactive:hover:before {
    width: calc(100% + 1px);
}

.btn-secondary.outlined.disabled,
.btn-secondary.outlined:disabled,
.btn-secondary.inactive.disabled,
.btn-secondary.inactive:disabled {
    background: transparent;
    border-color: var(--ksyos-gray-2);
    color: var(--ksyos-gray-4);
}

.btn-secondary.outlined.disabled .icon svg,
.btn-secondary.outlined:disabled .icon svg,
.btn-secondary.inactive.disabled .icon svg,
.btn-secondary.inactive:disabled .icon svg {
    fill: var(--ksyos-gray-4);
}

.btn-secondary.outlined .icon svg,
.btn-secondary.inactive .icon svg {
    fill: var(--color-secondary);
}

.btn-tertiary {
    background: linear-gradient(135deg, rgb(212, 122, 11) 0, rgb(255, 154, 30) 35%, var(--color-tertiary));
    background-size: 200% auto;
    transform: perspective(1px) translateZ(0);
    color: #fff;
}

.btn-tertiary:hover {
    background-position: center center;
}

.btn-tertiary:not(:disabled):not(.disabled):active,
.btn-tertiary:not(:disabled):not(.disabled).active {
    background: linear-gradient(135deg, rgb(212, 122, 11) 0, rgb(255, 154, 30) 35%, var(--color-tertiary));
    animation-name: push;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}

.btn-tertiary .icon svg {
    fill: #fff;
}

/* large + icons */
.btn-tertiary.btn-lg {
    padding: 0.375rem 1.5rem;
    font-size: 1rem;
}

.btn-tertiary.btn-lg .icon {
    width: 18px;
    height: 18px;
}

/* outlined + inactive */
.btn-tertiary.outlined,
.btn-tertiary.inactive {
    color: var(--color-tertiary);
    border: 1px solid var(--color-tertiary);
    background: transparent;
    overflow: hidden;
}

.btn-tertiary.outlined:before,
.btn-tertiary.inactive:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgb(212, 122, 11) 0, rgb(255, 154, 30) 35%, var(--color-tertiary));
    z-index: -1;
    width: 0;
    transition: all 0.2s ease-out;
}

.btn-tertiary.outlined:hover,
.btn-tertiary.inactive:hover {
    color: #fff;
}

.btn-tertiary.outlined:hover .icon svg,
.btn-tertiary.inactive:hover .icon svg {
    fill: #fff;
}

.btn-tertiary.outlined:hover:before,
.btn-tertiary.inactive:hover:before {
    width: calc(100% + 1px);
}

.btn-tertiary.outlined.disabled,
.btn-tertiary.outlined:disabled,
.btn-tertiary.inactive.disabled,
.btn-tertiary.inactive:disabled {
    background: transparent;
    border-color: var(--ksyos-gray-2);
    color: var(--ksyos-gray-4);
}

.btn-tertiary.outlined.disabled .icon svg,
.btn-tertiary.outlined:disabled .icon svg,
.btn-tertiary.inactive.disabled .icon svg,
.btn-tertiary.inactive:disabled .icon svg {
    fill: var(--ksyos-gray-4);
}

.btn-tertiary.outlined .icon svg,
.btn-tertiary.inactive .icon svg {
    fill: var(--color-tertiary);
}

/* Careplan buttons */
.btn-careplan {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 0.8125rem;
    line-height: 1.063rem;
    height: 100px;
    max-height: 100px;
    background-color: transparent;
    border: 0;
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0.25rem;
    white-space: unset;
    transform: scale(1);
    transition: all 0.2s ease-out;
    width: calc((100% / 3) - 10px);
}

@media screen and (min-width: 1440px) {
    .btn-careplan {
        width: calc((100% / 6) - 10px);
    }
}

.btn-careplan:before {
    content: '';
    background: url('/assets/images/beeldmerk_WhiteB.png') no-repeat var(--color-primary);
    background-size: auto 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    transition: all 0.2s ease-out;
}

.btn-careplan span {
    color: var(--white);
    /* break-word mixin equivalent */
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.btn-careplan:hover:before,
.btn-careplan:active:before,
.btn-careplan:focus:before {
    background: url('/assets/images/beeldmerk_WhiteB.png') no-repeat var(--color-primary);
    background-size: auto 100%;
    transform: translateZ(0) scale(1.04);
}

.btn-careplan.btn-tertiary {
    width: 300px;
    height: 130px;
    max-height: 130px;
    font-size: 1.25rem;
}

.btn-careplan.btn-tertiary:before {
    content: '';
    background: url('/assets/images/beeldmerk_WhiteB.png') no-repeat var(--color-tertiary);
    background-size: auto 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    transition: all 0.2s ease-out;
}

.btn-careplan.btn-tertiary:hover:before,
.btn-careplan.btn-tertiary:active:before,
.btn-careplan.btn-tertiary:focus:before {
    background: url('/assets/images/beeldmerk_WhiteB.png') no-repeat var(--ksyos-orange);
    background-size: auto 100%;
    transform: translateZ(0) scale(1.04);
}

@media screen and (min-width: 1440px) {
    .btn-careplan {
        width: calc((100% / 4) - 10px);
        height: 120px;
        max-height: 130px;
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1599px) {
    .btn-careplan {
        width: 300px;
        height: 130px;
    }
}

/* Tooltip button */
.btn-tooltip {
    margin: 0px 5px 5px 5px;
    background-color: transparent;
    border-radius: 50%;
    border: 0px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    padding: 0px;
    max-height: 100%;
    box-shadow: none !important;
}

.btn-tooltip:before {
    display: none;
}

.btn-tooltip .icon {
    float: none;
    margin: 0px;
    transform: translateY(2px);
}

.btn-tooltip .icon svg {
    fill: var(--color-info);
}

.btn-icon {
    /* reset-button mixin equivalent */
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.btn-icon svg {
    fill: var(--ksyos-gray-5);
    transition: all 0.2s ease;
}

.btn-icon:hover svg {
    fill: var(--color-secondary);
}

.btn-icon:focus svg {
    fill: var(--color-secondary--darken);
}

/* Action buttons - next & forward */
.btn-back,
.btn-forward {
    border-radius: 30px;
    background: var(--ksyos-gray-2);
    height: 30px;
    width: 40px;
    padding: 0;
    position: relative;
    text-align: center;
    border: 0;
}

.btn-back .icon.icon-arrow-left,
.btn-back .icon.icon-arrow-right,
.btn-forward .icon.icon-arrow-left,
.btn-forward .icon.icon-arrow-right {
    float: none;
    display: block;
    transform: translateY(0px) translateX(1px);
    margin: 0px auto;
}

.btn-back .icon.icon-arrow-left svg,
.btn-back .icon.icon-arrow-right svg,
.btn-forward .icon.icon-arrow-left svg,
.btn-forward .icon.icon-arrow-right svg {
    fill: var(--ksyos-gray-5);
}

.btn-back:hover,
.btn-back:active,
.btn-back:focus,
.btn-forward:hover,
.btn-forward:active,
.btn-forward:focus {
    border: 0;
    background: var(--ksyos-gray-3);
    transform: none;
}

.btn-back:hover .icon svg,
.btn-back:active .icon svg,
.btn-back:focus .icon svg,
.btn-forward:hover .icon svg,
.btn-forward:active .icon svg,
.btn-forward:focus .icon svg {
    fill: var(--black);
}

.btn-forward:hover .icon,
.btn-forward:active .icon,
.btn-forward:focus .icon {
    transform: translateY(0px) translateX(1px);
}

/* Action buttons - Add */
.btn-add {
    background-color: var(--ksyos-gray-2);
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    position: relative;
    border-radius: 0px;
    border: 0;
}

.btn-add .icon {
    color: var(--color-primary);
    float: none;
    transform: none;
    margin-right: 0px;
    width: 13px;
    height: 13px;
}

.btn-add:hover {
    background: var(--ksyos-gray-3);
}

/* Action buttons - dropdown, close, search */
.btn-dropdown,
.btn-close,
.btn-search,
.btn-solid {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    height: 30px;
    line-height: 100%;
    background: var(--ksyos-gray-2);
    border-radius: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    border: 0;
}

.btn-dropdown .icon,
.btn-close .icon,
.btn-search .icon,
.btn-solid .icon {
    width: 11px;
    height: 11px;
}

.btn-dropdown:hover,
.btn-dropdown:active,
.btn-close:hover,
.btn-close:active,
.btn-search:hover,
.btn-search:active,
.btn-solid:hover,
.btn-solid:active {
    transform: none;
    border: 0;
    background: var(--ksyos-gray-3);
}

.btn-dropdown:hover .icon-caret svg,
.btn-dropdown:active .icon-caret svg,
.btn-close:hover .icon-caret svg,
.btn-close:active .icon-caret svg,
.btn-search:hover .icon-caret svg,
.btn-search:active .icon-caret svg,
.btn-solid:hover .icon-caret svg,
.btn-solid:active .icon-caret svg {
    fill: var(--black);
}

.btn-dropdown:focus,
.btn-close:focus,
.btn-search:focus,
.btn-solid:focus {
    transform: none;
    border: 0;
    background: var(--ksyos-gray-3);
    box-shadow: none;
}

.btn-dropdown.open .icon.icon-caret,
.btn-dropdown.collapsed .icon.icon-caret,
.btn-close.open .icon.icon-caret,
.btn-close.collapsed .icon.icon-caret,
.btn-search.open .icon.icon-caret,
.btn-search.collapsed .icon.icon-caret,
.btn-solid.open .icon.icon-caret,
.btn-solid.collapsed .icon.icon-caret {
    transform: translateY(0) translateX(0.5px);
}

.btn-dropdown .icon.icon-caret,
.btn-close .icon.icon-caret,
.btn-search .icon.icon-caret,
.btn-solid .icon.icon-caret {
    float: none;
    display: block;
    transition: transform 0.2s ease;
    transform: translateY(0) translateX(0.5px) rotate(-180deg);
    margin: 0px auto;
}

.btn-dropdown .icon.icon-caret svg,
.btn-close .icon.icon-caret svg,
.btn-search .icon.icon-caret svg,
.btn-solid .icon.icon-caret svg {
    fill: var(--ksyos-gray-5);
}

.btn-search:before {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--ksyos-gray-2);
}

.btn-search .icon {
    transform: translateY(1px) translateX(0px);
    margin: 0;
    float: none;
    width: 12px;
    height: 12px;
}

.btn-search:hover:before,
.btn-search:focus:before {
    background: var(--ksyos-gray-3);
}

.btn-close:before {
    content: '';
    /* svgIcon mixin equivalent - simplified */
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23666%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3C/svg%3E");
    color: var(--ksyos-gray-5);
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.btn-close:hover:before {
    color: var(--black);
}

.btn-header {
    /* Extending btn-primary styles */
    background: linear-gradient(135deg, rgba(180, 52, 171, 1) 0%, rgba(255, 55, 238, 1) 25%, var(--color-primary));
    background-size: 200% auto;
    transform: perspective(1px) translateZ(0);
    color: #fff;
    position: inherit;
}

.btn-header.selected:after {
    content: '';
    transition: all 0.2s ease;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    display: inline-block;
    border-top: 8px solid var(--color-primary);
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid transparent;
}

.btn-header .badge-notify {
    position: absolute;
    top: -9px;
    right: -5px;
    background: var(--ksyos-orange) !important;
}

.btn-header.deselected {
    /* Extending outlined styles */
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    background: transparent;
    overflow: hidden;
}

.btn-header.btn-secondary {
    /* Extending btn-secondary styles */
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, var(--color-secondary));
    background-size: 200% auto;
    transform: perspective(1px) translateZ(0);
    color: #fff;
}

.btn-header.btn-secondary.selected:after {
    border-top: 8px solid var(--color-secondary);
}

.btn-header.btn-secondary.deselected {
    /* Extending outlined styles */
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    background: transparent;
    overflow: visible;
}

form > p > button {
    margin: 20px 0;
}

/* In CS-2457 zal .btn-group verwijderd kunnen worden ivm verwijderen van oude stijl */
.btn-group ul.dropdown-menu {
    left: auto;
    right: 10px;
    padding: 5px 0 10px;
    top: calc(100% + 10px);
    border-color: var(--ksyos-gray-3);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}

.btn-group ul.dropdown-menu li {
    padding: 0 20px;
}

.btn-group ul.dropdown-menu:after,
.btn-group ul.dropdown-menu:before {
    position: absolute;
    top: -5px;
    right: 15px;
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--ksyos-gray-3);
    z-index: 9998;
}

.btn-group ul.dropdown-menu:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--white);
    top: -4px;
    z-index: 9999;
}

.btn-group.open .dropdown-menu {
    display: block;
    min-width: auto;
}

/* reset bootstrap active styles */
.btn-transparent {
    /* Extending link styles */
    text-decoration: underline;
    font-size: 0.875rem;
    color: var(--color-secondary) !important;
    background: none;
    text-decoration: none !important;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    transform: none;
    border: none;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active:focus,
.btn-transparent:not(:disabled):not(.disabled):active,
.btn-transparent:not(:disabled):not(.disabled).active {
    outline: none;
    border-color: transparent;
    background: none;
    box-shadow: none;
}

.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus {
    color: var(--ksyos-blue--darken) !important;
    text-decoration: underline !important;
}

.btn-transparent:hover svg,
.btn-transparent:active svg,
.btn-transparent:focus svg {
    fill: var(--ksyos-blue--darken) !important;
}

.btn-transparent.btn-lg {
    padding: 0.375rem 1.5rem;
    font-size: 1rem;
}

.btn-transparent.btn-lg .icon {
    width: 18px;
    height: 18px;
}

@keyframes push {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.98);
    }
    100% {
        transform: scale(1);
    }
}

.intro-slider {
    position: relative;
    margin-bottom: 3rem;
}

.intro-slider__content {
    min-height: 55px;
}

.intro-slider__img {
    margin-bottom: 1rem;
}

.intro-slider__img img {
    max-width: 100%;
}

/* Override Reacttrap Carousel indicators */
.carousel-indicators li {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background: #e6b3d9; /* lighten(var(--ksyos-magenta), 30%) equivalent */
}

.carousel-indicators li.active {
    background: var(--ksyos-magenta);
}

.carousel-indicators li:hover {
    background: var(--ksyos-magenta--darken);
}

/* ==========================================================================
React Widgets DatePicker
========================================================================== */

.rw-widget {
    font-size: 16px;
}

.rw-widget-picker {
    height: 38px;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dbd5d0;
    transition: all 0.2s;
    background-color: transparent;
}

.rw-widget-picker:hover {
    border-bottom: 1px solid #a69a91;
}

.rw-widget-input {
    color: #322a24;
    font-weight: 700;
    box-shadow: none;
    font-size: 14px;
    background-color: transparent;
}

.rw-input {
    padding-left: 0;
}

.rw-placeholder,
.rw-input::placeholder {
    color: #a69a91;
    font-weight: 400;
}

.rw-picker-caret,
.rw-picker-btn {
    color: #003ad6;
}

.rw-picker-btn:hover {
    background: none;
}

.rw-input-addon,
.rw-input-addon.rw-picker-btn {
    border-left: none;
}

.rw-state-focus .rw-widget-picker {
    border-color: #a69a91;
    box-shadow: none;
}

.rw-cell.rw-state-selected {
    background-color: #003ad6;
    border-color: #003ad6;
    color: #fff;
}

/* ==========================================================================
// ReactStrap Dropdown
========================================================================== */
.dropdown-nav .dropdown-toggle:after {
    color: var(--color-primary);
}

.dropdown-nav__btn {
    position: relative;
    padding: 0.375rem 1.125rem;
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.875rem;
    text-decoration: none;
    border: 1px solid var(--color-primary);
    background: transparent;
    border-radius: 2px;
    transition: all 0.2s ease-out;
    cursor: pointer;
}

.dropdown-nav__btn:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(180, 52, 171, 1) 0%, rgba(255, 55, 238, 1) 45%, var(--color-primary));
    z-index: -1;
    width: 0;
    transition: all 0.2s ease-out;
}

.dropdown-nav__btn .icon {
    width: 0.875rem;
    height: 0.875rem;
    line-height: 1;
    vertical-align: baseline;
    transform: translateY(1px);
}

.dropdown-nav__btn .icon svg {
    fill: var(--color-primary);
}

.dropdown-nav__btn span {
    display: inline-block;
    padding: 0 0.25rem;
    color: var(--color-primary);
}

.dropdown-nav__btn:hover span {
    color: #fff;
}

.dropdown-nav__btn:hover .icon svg {
    fill: #fff;
}

.dropdown-nav__btn:hover.dropdown-toggle:after {
    color: #fff;
}

.dropdown-nav__btn:hover:before {
    width: 100%;
}

.dropdown-nav .dropdown-menu {
    padding: 0 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: var(--color-primary);
    background-color: var(--ksyos-gray-1);
    border: 1px solid var(--color-primary);
    border-radius: 0;
}

.dropdown-nav .dropdown-item {
    position: relative;
    background-color: var(--ksyos-gray-1);
    padding: 0.375rem 1.125rem; /* padding left icon size */
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.875rem;
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-primary);
    cursor: pointer;
    /* ellipsis mixin equivalent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}

/* No border on the last child */
.dropdown-nav .dropdown-item:last-child {
    border: none;
}

.dropdown-nav .dropdown-item:hover {
    color: #fff;
    background-color: var(--color-primary);
}

.dropdown-nav .dropdown-item:hover .icon svg {
    fill: #fff;
}

.dropdown-nav .dropdown-item.disabled {
    color: var(--ksyos-gray-4);
}

/* Override next-styles */
a.dropdown-item {
    padding-left: 5px;
    text-decoration: none;
}

ol {
    margin: 0 0 1rem 0;
    padding: 0 1rem;
}

.profile_image {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    border-radius: 100%;
    background-size: cover;
    float: left;
}

.profile_image.xsmall {
    width: 34px;
    height: 34px;
}

.profile_image.small {
    width: 46px;
    height: 46px;
}

.alert {
    font-weight: var(--kds-font-weight-bold);
    padding: 15px;
    font-size: 1rem;
    min-height: 35px;
    border: 0px;
    margin: 1rem 0;
}

.alert.has-icon {
    display: flex;
    align-items: center;
}

.alert.has-icon .icon {
    margin-left: 0.5rem;
}

.alert p,
.alert a,
.alert span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
}

.alert.alert-danger {
    background-color: var(--color-danger--lighten);
    color: var(--color-danger);
}

.alert.alert-danger a {
    color: var(--color-danger);
    text-decoration: underline;
}

.alert.alert-danger a:hover {
    color: #c82333; /* darken(var(--color-danger), 15%) equivalent */
    text-decoration: underline;
}

.alert.alert-danger .icon svg {
    fill: var(--color-danger);
}

.alert.alert-info,
.alert.alert-uploading {
    background-color: var(--color-info--lighten);
    color: var(--color-info);
}

.alert.alert-info a,
.alert.alert-uploading a {
    color: var(--color-info);
    text-decoration: underline;
}

.alert.alert-info a:hover,
.alert.alert-uploading a:hover {
    color: #004085; /* darken(var(--color-info), 20%) equivalent */
    text-decoration: underline;
}

.alert.alert-info .icon svg,
.alert.alert-uploading .icon svg {
    fill: var(--color-info);
}

.alert.alert-success {
    background-color: var(--color-success--lighten);
    color: var(--color-success);
}

.alert.alert-success a {
    color: var(--color-success);
    text-decoration: underline;
}

.alert.alert-success a:hover {
    color: #155724; /* darken(var(--color-success), 20%) equivalent */
    text-decoration: underline;
}

.alert.alert-success .icon svg {
    fill: var(--color-success);
}

.divider {
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--ksyos-gray-2);
    margin-bottom: 2rem;
}

.title-divider {
    display: flex;
    flex-wrap: nowrap;
    color: var(--ksyos-gray-5);
    letter-spacing: 0;
    flex-direction: row;
}

.title-divider:after {
    content: '';
    display: table;
    clear: both;
}

.title-divider.inline-block {
    display: inline-block;
    display: inline-flex;
}

.title-divider.inline-block + a {
    display: inline-block;
    margin: 0 0 0 5px;
}

.col-md-24 header {
    padding: 0;
    margin-bottom: 0 0 16px 0;
}

.btn-container {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    gap: 12px;
}

.btn-container.align-center {
    justify-content: center;
}

.btn-container.align-right {
    width: 100%;
    justify-content: flex-end;
}

.btn-container.no-margin {
    margin: 0 0 0 0 !important;
}

.btn-container .btn.float-right {
    margin-left: auto;
}

.btn-container.wrap-content {
    flex-wrap: wrap;
}

.btn-container.wrap-content .btn:not(.btn-careplan) {
    margin: 0 1rem 0.5rem 0 !important;
}

.btn-container.wrap-content .btn:not(.btn-careplan):last-of-type {
    margin-left: auto !important;
}

@media (min-width: 1400px) {
    .btn-container.wrap-content .btn:not(.btn-careplan) {
        width: auto;
    }
}

header {
    padding-top: 40px;
    padding-bottom: 30px;
}

header h1 {
    float: left;
    margin-bottom: 1rem;
    line-height: 1;
    transition: all 0.2s ease;
}

header h1.small {
    font-size: 1.25rem;
    margin-bottom: 10px;
    transition: all 0.2s ease;
    padding: 0.375rem 0.375rem 0.375rem 0;
}

header h2 {
    margin-bottom: -13px;
}

header .new-patient-header {
    margin: 0 0 30px;
}

header .new-patient-header .btn {
    margin: 0;
}

header .row:not(:last-of-type) {
    margin-bottom: 30px;
}

header .row:not(:last-of-type) h1 {
    margin: 0;
}

header .row:not(:last-of-type) .btn {
    margin: 0;
}

header label.form-label {
    transform: none;
}

header .btn-search {
    align-self: flex-end;
}

/* Links and link styles */
a,
.link {
    font-weight: var(--kds-font-weight-bold);
    color: var(--color-primary--darken);
    letter-spacing: 0;
    line-height: 20px;
    font-size: 0.875rem;
    text-decoration: underline;
    transition: all 0.2s ease;
}

a .icon,
.link .icon {
    margin-right: 4px;
    transform: translateY(1px);
}

a .icon svg,
.link .icon svg {
    transition: all 0.2s ease;
}

a:hover,
a:active,
a:focus,
.link:hover,
.link:active,
.link:focus {
    color: var(--color-primary);
    text-decoration: none;
}

a.secondary,
.link.secondary {
    color: var(--color-secondary);
}

a.active,
.link.active {
    text-decoration: none;
    color: var(--ksyos-gray-5);
}

a .icon,
.link .icon {
    margin: 0 7px -3px 0;
}

/* Media component */
.media {
    align-items: center;
    justify-content: center;
}

.media .media-left {
    margin: 0 15px 0 0;
}

.media .media-left .thumbnail {
    display: inline-block;
}

@media (min-width: 768px) {
    .media .media-left {
        margin: 0 20px 0 0;
    }
}

@media (min-width: 992px) {
    .media .media-left {
        margin: 0 30px 0 0;
    }
}

/* Block white component */
.block-white {
    padding: 26px 27px;
    background: var(--white);
    border-radius: 3px;
    margin: 0 0 20px;
}

.block-white h3 {
    margin: 0 0 3px;
}

.block-white ul {
    list-style: none;
    padding: 0;
}

.block-white ul li {
    color: var(--ksyos-gray-5);
    font-size: 0.8125rem;
    line-height: 1.375rem;
}

.block-white ul:last-of-type {
    margin-bottom: 0;
}

.block-white ul.listing-nav {
    list-style: none;
}

.block-white ul.listing-nav li {
    line-height: 2rem;
}

.block-white ul.listing-nav li a {
    text-decoration: none;
    line-height: 24px;
    font-size: 0.875rem;
    display: block;
    color: var(--ksyos-gray-4);
    font-weight: var(--kds-font-weight-normal);
    padding-left: 15px;
    position: relative;
}

.block-white ul.listing-nav li a:hover,
.block-white ul.listing-nav li a:focus,
.block-white ul.listing-nav li a:active {
    color: var(--color-primary);
    text-decoration: none;
}

.block-white ul.listing-nav li a:hover .icon svg,
.block-white ul.listing-nav li a:focus .icon svg,
.block-white ul.listing-nav li a:active .icon svg {
    fill: var(--color-primary);
}

.block-white ul.listing-nav li a .icon {
    transform: translateY(2px);
    margin-right: 6px;
    position: absolute;
    left: 0;
    top: 6px;
}

.block-white ul.listing-nav li a .icon svg {
    fill: var(--ksyos-gray-4);
}

.block-white ul.listing-nav li.active a {
    color: var(--black);
}

.block-white ul.listing-nav li.active a .icon svg {
    fill: var(--black);
}

.block-white .form-container {
    border: 0px;
    margin: 0px;
}

.block-white.align-items {
    text-align: center;
    padding: 50px;
    margin-top: 60px;
}

.block-white.align-items h1 {
    display: inline-block;
}

.block-white.align-items form {
    text-align: left;
}

/* Block dashboard component */
.block-dashboard {
    background: var(--color-tertiary);
    border-radius: 3px;
    padding: 15px 15px 20px;
}

.block-dashboard .media .media-left .thumbnail {
    color: var(--white);
    position: relative;
    margin: 20px 23px;
}

.block-dashboard .media .media-left .thumbnail:before {
    content: '';
    width: 50px;
    height: 50px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    position: absolute;
    top: -17px;
    left: -18px;
}

@media (min-width: 992px) {
    .block-dashboard .media .media-left .thumbnail {
        margin: 16px 18px 20px 23px;
    }
}

.block-dashboard .media .media-body span.number {
    display: inline-block;
    color: var(--white);
    font-size: 1.875rem;
}

.block-dashboard .media .media-body .media-heading {
    font-size: 0.75rem;
    color: var(--white);
}

@media (min-width: 992px) {
    .block-dashboard .media .media-body {
        margin: -14px 0 0;
    }
}

@media (min-width: 768px) {
    .block-dashboard {
        padding: 28px 25px;
    }
}

@media (min-width: 992px) {
    .block-dashboard {
        padding: 37px 30px;
    }
}

/* Breadcrumb component */
.breadcrumb {
    background: none;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}

.breadcrumb .breadcrumb-item {
    font-size: 0.8125rem;
    color: var(--ksyos-gray-5);
}

.breadcrumb .breadcrumb-item a {
    text-decoration: underline;
    color: var(--color-primary);
    font-weight: var(--kds-font-weight-bold);
}

.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:active,
.breadcrumb .breadcrumb-item a:focus {
    color: var(--color-primary--hover);
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    content: '>';
    padding-left: 3px;
    padding-right: 3px;
}

/* Background and layout utilities */
.background-image {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    height: 100%;
}

.full-height,
.min-height {
    height: 100%;
    position: relative;
}

.full-height .row,
.min-height .row {
    height: 100%;
    justify-content: center;
    align-items: center;
}

.min-height {
    height: calc(100% - var(--nav-height));
    overflow-x: hidden;
}

.min-height .background-image {
    min-height: 0;
}

/* Margin utilities */
.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

/* Fixed aside wrapper */
.fixed-aside_wrapper {
    position: fixed;
    height: 100%;
    width: calc(22% + 20px);
    overflow-y: auto;
    padding-bottom: 100px;
}

.fixed-aside_wrapper::-webkit-scrollbar {
    display: none;
}

.fixed-aside_wrapper {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@supports (-ms-ime-align: auto) {
    .fixed-aside_wrapper {
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .fixed-aside_wrapper {
        width: 25%;
        max-width: 474px;
    }
}

.fixed-aside_wrapper .patient-block {
    margin-right: 20px;
}

.aside-wrapper {
    display: block;
    width: 100%;
    min-height: calc(100vh - 64px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 24px;
}

/* Date calendar component */
.date-calendar {
    display: inline-block;
    border-left: 1px solid var(--ksyos-gray-2);
    position: relative;
    padding: 0 1rem;
}

.date-calendar span {
    display: block;
    font-size: 0.875rem;
    font-weight: var(--kds-font-weight-bold);
    color: var(--ksyos-gray-5);
}

.date-calendar span:last-child {
    font-size: 0.75rem;
    font-weight: var(--kds-font-weight-normal);
}

/* React Slider component */
.rc-slider-wrapper.hasLabels {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rc-slider-wrapper.noLabels {
    margin: 0 0 32px 0;
    padding: 8px 32px 0 32px;
}

.rc-slider-wrapper .rc-slider-mark-text {
    padding-top: 8px;
}

.rc-slider-wrapper span.rc-state {
    font-size: 11px;
    font-weight: var(--kds-font-weight-normal);
    color: var(--ksyos-gray-4);
    display: block;
    margin: 0 20px 0 0;
    width: 100px;
    text-align: right;
    min-width: 44px;
}

.rc-slider-wrapper span.rc-state:last-of-type {
    margin: 0 0 0 20px;
    text-align: left;
    min-width: 85px;
}

.rc-slider-wrapper .rc-slider-handle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE5IDEyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMi4yOTI4OTMyIDIuNDY0NDY2MDlDMTEuOTAyMzY4OSAyLjA3Mzk0MTggMTEuOTAyMzY4OSAxLjQ0MDc3NjgyIDEyLjI5Mjg5MzIgMS4wNTAyNTI1MyAxMi42ODM0MTc1LjY1OTcyODI0IDEzLjMxNjU4MjUuNjU5NzI4MjQgMTMuNzA3MTA2OCAxLjA1MDI1MjUzTDE3Ljg3OTAzNjggNS4yMjIxODI1NEMxOC4zMDg2MTM1IDUuNjUxNzU5MjYgMTguMzA4NjEzNSA2LjM0ODI0MDc0IDE3Ljg3OTAzNjggNi43Nzc4MTc0NkwxMy43MDcxMDY4IDEwLjk0OTc0NzVDMTMuMzE2NTgyNSAxMS4zNDAyNzE4IDEyLjY4MzQxNzUgMTEuMzQwMjcxOCAxMi4yOTI4OTMyIDEwLjk0OTc0NzUgMTEuOTAyMzY4OSAxMC41NTkyMjMyIDExLjkwMjM2ODkgOS45MjYwNTgyIDEyLjI5Mjg5MzIgOS41MzU1MzM5MUwxNS44Mjg0MjcxIDYgMTIuMjkyODkzMiAyLjQ2NDQ2NjA5ek02LjcwNzEwNjc4IDkuNTM1NTMzOTFDNy4wOTc2MzEwNyA5LjkyNjA1ODIgNy4wOTc2MzEwNyAxMC41NTkyMjMyIDYuNzA3MTA2NzggMTAuOTQ5NzQ3NSA2LjMxNjU4MjQ5IDExLjM0MDI3MTggNS42ODM0MTc1MSAxMS4zNDAyNzE4IDUuMjkyODkzMjIgMTAuOTQ5NzQ3NUwxLjEyMDk2MzIxIDYuNzc3ODE3NDZDLjY5MTM4NjQ4OSA2LjM0ODI0MDc0LjY5MTM4NjQ4OSA1LjY1MTc1OTI2IDEuMTIwOTYzMjEgNS4yMjIxODI1NEw1LjI5Mjg5MzIyIDEuMDUwMjUyNTNDNS42ODM0MTc1MS42NTk3MjgyNCA2LjMxNjU4MjQ5LjY1OTcyODI0IDYuNzA3MTA2NzggMS4wNTAyNTI1MyA3LjA5NzYzMTA3IDEuNDQwNzc2ODIgNy4wOTc2MzEwNyAyLjA3Mzk0MTggNi43MDcxMDY3OCAyLjQ2NDQ2NjA5TDMuMTcxNTcyODggNiA2LjcwNzEwNjc4IDkuNTM1NTMzOTF6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 14px 9px;
    background-position: center;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}

.rc-slider-wrapper .rc-slider-step {
    transform: translateX(3px);
}

.rc-slider-wrapper .rc-slider-step .rc-slider-dot:first-child,
.rc-slider-wrapper .rc-slider-step .rc-slider-dot:last-child {
    display: none;
}

/* Footer */
footer.footnote {
    display: none;
    padding: 15px;
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
}

/* Listing nav */
.listing-nav li {
    display: block;
}

.listing-nav li a span {
    font-size: 0.875rem;
}

/* Control panel */
.control-panel input[type='submit'].btn.btn-primary {
    margin: 43px 0 0;
}

/* Thumbnail component */
.thumbnail {
    position: relative;
    width: 114px;
    height: 114px;
    overflow: hidden;
    margin: 0 4px 4px 0;
    border-radius: 3px;
}

.thumbnail__close {
    position: absolute;
    top: 0.5rem;
    right: 0.25rem;
}

.thumbnail__link {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.thumbnail__link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease;
}

.thumbnail__link:hover:after {
    background: rgba(50, 42, 36, 0.7);
    border-radius: 3px;
}

.thumbnail__img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
}

.thumbnail__portrait {
    width: 100%;
    height: auto;
}

.thumbnail + span {
    /* ellipsis equivalent for 141px */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 141px;
    width: 100px;
    display: block;
    font-size: 11px;
    margin: 0.25rem auto 0.25rem auto;
    text-align: center;
    padding-left: 0.5rem;
}

/* Asset thumbnails */
.asset-thumbnails {
    margin-bottom: 1rem;
}

.asset-thumbnails.has-overlay .thumbnail {
    width: 180px;
    height: 180px;
}

@media (min-width: 1200px) {
    .asset-thumbnails.has-overlay .thumbnail {
        width: 96px;
        height: 96px;
    }
}

@media screen and (min-width: 1200px) {
    .asset-thumbnails.has-overlay .thumbnail {
        width: 106px;
        height: 106px;
    }
}

@media (min-width: 1400px) {
    .asset-thumbnails.has-overlay .thumbnail {
        width: 134px;
        height: 134px;
    }
}

.asset-thumbnails.has-overlay .thumbnail .total-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 2rem;
    color: #fff;
    line-height: 1;
    cursor: auto;
    pointer-events: none;
}

.asset-thumbnails.has-overlay .thumbnail.thumbnail-overlay .thumbnail__link:before {
    background: rgba(80, 70, 63, 0.7);
}

.asset-thumbnails.has-overlay .thumbnail.thumbnail-overlay .thumbnail__link:hover:before {
    background: rgba(50, 42, 36, 0.7);
}

/* Header group alignment */
.header-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.header-group--center {
    align-items: center;
    justify-content: center;
}

.header-group--left {
    align-items: flex-start;
}

.header-group--right {
    align-items: flex-end;
}

/* Label divider component */
.label-divider {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.label-divider__text {
    color: var(--ksyos-gray-5);
    margin: 0 0.75rem;
    font-size: 0.875rem;
}

.label-divider--left .label-divider__text {
    margin-left: 0;
}

.label-divider--right .label-divider__text {
    margin-right: 0;
}

.label-divider:before {
    content: '';
    display: block;
    flex: none;
    height: 1px;
    background-color: var(--ksyos-gray-3);
}

.label-divider:after {
    content: '';
    display: block;
    flex: none;
    height: 1px;
    background-color: var(--ksyos-gray-3);
}

.label-divider--center:before {
    flex: 1 1;
}

.label-divider--center:after {
    flex: 1 1;
}

.label-divider--left:after {
    flex: 1 1;
}

.label-divider--right:before {
    flex: 1 1;
}

/* Date time stamp */
.date-time-stamp span + span {
    display: inline-block;
    margin-left: 0.25rem;
}

/* Font style utilities */
label span.font-style-italic {
    font-style: italic;
}

/* Progress container */
.progress-container {
    display: flex;
    margin-top: 8px;
}

.progress-container .progress {
    height: 5px;
    background-color: var(--ksyos-gray-1);
    width: 200px;
    border-radius: 10px;
    margin-left: 3px;
}

.progress-container span {
    font-size: 11px;
    letter-spacing: 0;
    line-height: normal;
    transform: translateY(-7px);
    margin-left: 10px;
}

/* Tooltip component */
.tooltip .tooltip-inner {
    text-align: left;
    max-width: 300px;
}

.tooltip .tooltip-inner.tooltip-large {
    max-width: 550px;
}

.tooltip .tooltip-inner ul {
    margin: 10px 0 20px 0;
    padding: 0 5px 0 25px;
    list-style-type: disc;
}

.tooltip .tooltip-inner ul li {
    color: var(--white);
    margin: 0px;
}

.tooltip .tooltip-inner ul li.no-style {
    list-style: none;
    margin-left: -25px;
}

.tooltip .tooltip-inner ul .listheader {
    list-style: none;
    color: #fff;
    font-weight: 700;
    padding: 0 5px 5px 5px;
    margin-left: -25px;
    line-height: 1.375rem;
}

/* Table container */
.table-container {
    position: relative;
}

.table-container.table-container--scroll {
    width: 100%;
    overflow-x: auto;
}

/* IE10/11 blur fallback */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .table-container .blurred span {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0 0 0.6em rgba(0, 0, 0, 1);
        color: rgba(0, 0, 0, 0.01);
        text-shadow: 0 0 0.4em 0.1em rgba(0, 0, 0, 0.4);
    }

    .table-container .blurred .icon svg {
        fill: #fff;
    }
}

.table-container .blurred span {
    filter: blur(5px);
}

.table-container .blurred span div {
    filter: blur(5px);
}

/* Font weight utilities */
.font-weight-bold * {
    font-weight: inherit;
}

/* Holter information list */
.holter-information-list {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}

.holter-information-list li .col-form-label {
    padding-bottom: 0;
}

.holter-information-list li p {
    font-weight: 700;
    line-height: 1;
    display: block;
    padding-top: calc(0.375rem + 1px);
    margin-bottom: 0.375rem;
}

/* Input spacing utility */
.input-spacing {
    padding-left: 29px !important;
}

/* Vergelijker table */
.vergelijker-table {
    color: var(--ksyos-gray-5);
    table-layout: fixed;
    width: 100%;
}

.vergelijker-table h3 {
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
}

.vergelijker-table h3.ksyos-green {
    color: var(--ksyos-green);
}

.vergelijker-table ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.vergelijker-table td,
.vergelijker-table th {
    padding: 0.75rem;
    vertical-align: baseline;
}

.vergelijker-table td:first-child,
.vergelijker-table th:first-child {
    font-weight: 700;
}

.vergelijker-table td:nth-child(2),
.vergelijker-table th:nth-child(2) {
    background: white;
}

.vergelijker-table th {
    width: 35%;
    font-weight: 700;
}

.vergelijker-table th:first-child {
    width: 20%;
}

.vergelijker-table tfoot td:first-child,
.vergelijker-table tfoot th:first-child {
    font-weight: 400;
}

.vergelijker-table .table-header-divider td {
    padding: 0 0.75rem;
}

.vergelijker-table .table-header-divider .divider {
    margin: 0;
}

/* Fundusscreening table */
.fundusscreening-new-standard-table {
    color: var(--ksyos-gray-5);
    table-layout: fixed;
    width: 100%;
}

.fundusscreening-new-standard-table td,
.fundusscreening-new-standard-table th {
    padding: 0.75rem;
    vertical-align: baseline;
}

.fundusscreening-new-standard-table td:first-child,
.fundusscreening-new-standard-table th:first-child {
    font-weight: 700;
    word-break: break-all;
}

.fundusscreening-new-standard-table th {
    padding: 1rem 0.75rem;
    width: 40%;
    font-weight: 700;
}

.fundusscreening-new-standard-table th:first-child {
    /* break-word equivalent */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.fundusscreening-new-standard-table th:nth-child(2) {
    width: 20%;
}

.fundusscreening-new-standard-table .table-header-divider td {
    padding: 0 0.75rem;
}

.fundusscreening-new-standard-table .table-header-divider .divider {
    margin: 0;
}

/* About NSI */
.about-nsi {
    padding: 0.75rem;
}

.about-nsi h3 {
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
}

/* Slide animations */
.slide-enter {
    opacity: 0.01;
    transform: translateY(-25%);
}

.slide-enter-active {
    opacity: 1;
    transform: translateY(0%);
    transition: all 0.3s ease-out;
}

.slide-exit {
    opacity: 1;
    transform: translateY(0%);
}

.slide-exit-active {
    opacity: 0.01;
    transform: translateY(-25%);
    transition: all 0.3s ease-out;
}

/* Details link */
.details__link {
    margin: 1rem 0 2rem 0;
}

.details__link span {
    color: var(--ksyos-gray-5);
    display: inline-block;
    padding-left: calc(1.125rem / 2);
    cursor: pointer;
    text-decoration: underline;
}

.details__link span:hover {
    color: var(--ksyos-gray-6);
    text-decoration: none;
}

/* Shoutout component */
.shoutout {
    width: 100%;
    background: white;
    padding: 3.125rem 3.75rem 1.5625rem 3.75rem;
    margin-top: 1.5625rem;
}

.shoutout-header {
    margin-bottom: 1.5625rem;
}

/* Landing page component */
.landingpage {
    width: 100%;
    background: white;
    padding: 3.125rem 3.75rem;
    margin-top: 1.5625rem;
}

.landingpage a,
.landingpage a:not([href]):not([tabindex]) {
    font-weight: var(--kds-font-weight-bold);
    color: var(--color-primary--darken);
    letter-spacing: 0;
    line-height: 20px;
    font-size: 0.75rem;
    text-decoration: underline;
    transition: all 0.2s ease;
}

.landingpage a .icon,
.landingpage a:not([href]):not([tabindex]) .icon {
    margin-right: 4px;
    transform: translateY(1px);
}

.landingpage a .icon svg,
.landingpage a:not([href]):not([tabindex]) .icon svg {
    transition: all 0.2s ease;
}

.landingpage a:hover,
.landingpage a:active,
.landingpage a:focus,
.landingpage a:not([href]):not([tabindex]):hover,
.landingpage a:not([href]):not([tabindex]):active,
.landingpage a:not([href]):not([tabindex]):focus {
    color: var(--color-primary);
    text-decoration: none;
}

.landingpage a.active,
.landingpage a:not([href]):not([tabindex]).active {
    text-decoration: none;
    color: var(--ksyos-gray-5);
}

.landingpage-header {
    margin-bottom: 1.5625rem;
}

.landingpage-sub-header {
    margin-bottom: 1.5625rem;
}

.landingpage .verwijsbuttons {
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: 2rem;
}

.landingpage .verwijsbuttons:last-child {
    margin-bottom: 0;
}

.landingpage .verwijsbutton-container {
    flex: 1 0 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .landingpage .verwijsbutton-container {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .landingpage .verwijsbutton-container {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.landingpage .verwijsbutton {
    height: 110px;
    text-decoration: none;
    padding: 0.75rem;
    cursor: pointer;
    position: relative;
    color: var(--black);
    text-decoration: none !important;
}

.landingpage .verwijsbutton span {
    flex: 1;
    color: var(--black);
    /* break-word equivalent */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.landingpage .verwijsbutton-img {
    height: 50px;
    position: relative;
}

.landingpage .verwijsbutton-img svg {
    position: absolute;
    bottom: 0;
    left: 0;
}

.landingpage .verwijsbutton-title {
    color: inherit;
    display: inline-block;
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.landingpage .verwijsbutton--pulmo span {
    color: #fff;
}

.landingpage .verwijsbutton--lab {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px var(--lab);
}

.landingpage .verwijsbutton--lab span {
    color: var(--lab);
}

.landingpage .verwijsbutton--lab:focus,
.landingpage .verwijsbutton--lab:hover {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #1a5490; /* darken(var(--lab), 10%) equivalent */
}

.landingpage .verwijsbutton--xyz {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px var(--xyz);
}

.landingpage .verwijsbutton--xyz:focus,
.landingpage .verwijsbutton--xyz:hover {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #b8860b; /* darken(var(--xyz), 10%) equivalent */
}

.landingpage .verwijsbutton-pilot-dienst {
    color: inherit;
    display: inline-block;
    font-size: 0.65rem;
}

.landingpage .verwijsbutton-pilot-dienst-title {
    color: inherit;
    display: inline-block;
    margin-bottom: 0.05rem;
}

.landingpage .alert h3,
.landingpage .alert p,
.landingpage .alert ul,
.landingpage .alert li {
    color: inherit;
    font-weight: inherit;
}

.landingpage .list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.landingpage .list li {
    margin: 0 1rem 0 0;
    font-size: 0.875rem;
    color: inherit;
}

.landingpage .tile-select {
    padding: 5px;
    margin-bottom: 1.5625rem;
}

.landingpage .tile {
    display: block;
    flex: 0 0 calc((100% / 3) - 10px);
    height: 112px;
    padding: 16px 16px 16px 16px;
    box-shadow: inset 0 0 0 1px var(--ksyos-gray-3);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease-out;
    margin: 0 10px 10px 0;
}

.landingpage .tile__header {
    display: flex;
    align-items: center;
    margin: 0 0 8px 0;
}

.landingpage .tile__header .tile-title {
    flex: 0 1 100px;
    margin: 0;
    /* ellipsis equivalent for 100px */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}

@media (min-width: 1200px) {
    .landingpage .tile__header .tile-title {
        flex: 0 1 150px;
        max-width: 150px;
    }
}

@media (min-width: 1400px) {
    .landingpage .tile__header .tile-title {
        flex: 0 1 200px;
        max-width: 200px;
    }
}

@media (min-width: 1600px) {
    .landingpage .tile__header .tile-title {
        flex: 0 1 250px;
        max-width: 250px;
    }
}

.landingpage .tile__body {
    height: 50px;
    overflow: hidden;
}

.landingpage .tile__body p {
    margin-bottom: 0;
    /* break-word equivalent */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.landingpage .tile:hover,
.landingpage .tile.active {
    box-shadow: inset 0 0 0 1px var(--ksyos-gray-5);
}

.landingpage .tile:focus {
    box-shadow: inset 0 0 0 1px var(--ksyos-gray-6);
    outline: 0;
}

/* Service button variants */
.verwijsbutton--pulmo {
    background-color: var(--pulmonology);
    transition: all 0.2s ease-out;
}

.verwijsbutton--pulmo span {
    color: #50463f;
}

.verwijsbutton--pulmo:hover {
    background-color: #4a90e2; /* darken(var(--pulmonology), 10%) equivalent */
}

.verwijsbutton--ggz {
    background-color: var(--mentalHealth);
    transition: all 0.2s ease-out;
}

.verwijsbutton--ggz span {
    color: #50463f;
}

.verwijsbutton--ggz:hover {
    background-color: #7b68ee; /* darken(var(--mentalHealth), 10%) equivalent */
}

.verwijsbutton--cardio {
    background-color: var(--cardiology);
    transition: all 0.2s ease-out;
}

.verwijsbutton--cardio span {
    color: #50463f;
}

.verwijsbutton--cardio:hover {
    background-color: #dc143c; /* darken(var(--cardiology), 10%) equivalent */
}

.verwijsbutton--derma {
    background-color: var(--dermatology);
    transition: all 0.2s ease-out;
}

.verwijsbutton--derma span {
    color: #50463f;
}

.verwijsbutton--derma:hover {
    background-color: #ff6347; /* darken(var(--dermatology), 10%) equivalent */
}

.verwijsbutton--oog {
    background-color: var(--ophthalmology);
    transition: all 0.2s ease-out;
}

.verwijsbutton--oog span {
    color: #50463f;
}

.verwijsbutton--oog:hover {
    background-color: #32cd32; /* darken(var(--ophthalmology), 10%) equivalent */
}

.verwijsbutton--slaap {
    background-color: var(--sleep);
    transition: all 0.2s ease-out;
}

.verwijsbutton--slaap span {
    color: #50463f;
}

.verwijsbutton--slaap:hover {
    background-color: #4b0082; /* darken(var(--sleep), 10%) equivalent */
}

.verwijsbutton--referall {
    background-color: var(--referall);
    transition: all 0.2s ease-out;
}

.verwijsbutton--referall span {
    color: #50463f;
}

.verwijsbutton--referall:hover {
    background-color: #ff1493; /* darken(var(--referall), 10%) equivalent */
}

.verwijsbutton--xyz {
    background-color: var(--xyz);
    transition: all 0.2s ease-out;
}

.verwijsbutton--xyz span {
    color: #50463f;
}

.verwijsbutton--xyz:hover {
    background-color: #b8860b; /* darken(var(--xyz), 10%) equivalent */
}

.verwijsbutton--thuisconsult {
    background-color: var(--thuisconsult);
    transition: all 0.2s ease-out;
}

.verwijsbutton--thuisconsult span {
    color: #50463f;
}

.verwijsbutton--thuisconsult:hover {
    background-color: #008b8b; /* darken(var(--thuisconsult), 10%) equivalent */
}

.verwijsbutton--spreekuur {
    background-color: var(--digitaal-spreekuur);
    transition: all 0.2s ease-out;
}

.verwijsbutton--spreekuur span {
    color: #50463f;
}

.verwijsbutton--spreekuur:hover {
    background-color: #ff8c00; /* darken(var(--digitaal-spreekuur), 10%) equivalent */
}

.verwijsbutton--lab {
    background-color: var(--lab);
    transition: all 0.2s ease-out;
}

.verwijsbutton--lab span {
    color: #50463f;
}

.verwijsbutton--lab:hover {
    background-color: #1a5490; /* darken(var(--lab), 10%) equivalent */
}

/* Box component */
.box {
    background: var(--ksyos-gray-1);
    font-weight: var(--kds-font-weight-normal);
    padding: 1rem;
    margin: 2rem 0;
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    line-height: 1.857;
    color: var(--ksyos-gray-5);
}

.box h1,
.box h2,
.box h3,
.box h4,
.box h5 {
    color: inherit;
}

.box p,
.box a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.box p:last-child {
    margin-bottom: 0;
}

/* Status label component */
.status-label {
    display: flex;
    align-items: center;
}

.status-label .icon {
    transform: translateY(0);
    width: 17px;
    height: 18px;
}

.status-label .badge {
    padding: 0px;
    background-color: transparent;
    font-weight: 700;
    font-size: 0.8125rem;
    text-align: center;
    display: inline-block;
    line-height: 0.875rem;
}

.status-label.small .icon {
    width: 13px;
    height: 14px;
}

.status-label.small .badge {
    font-size: var(--rem-11);
    padding-left: 0.25rem;
}

/* Content box component */
.content-box {
    background: var(--ksyos-gray-1);
    padding: 1rem;
    margin: 0 0 2rem 0;
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    line-height: 1.857;
    color: var(--ksyos-gray-5);
}

.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5 {
    color: inherit;
}

.content-box p,
.content-box a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.content-box p:last-child {
    margin-bottom: 0;
}

/* Page section */
.page-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

.page-section:last-child {
    margin-bottom: 0;
}

/* Collapse animations */
.select-collapse-enter {
    opacity: 0;
}

.select-collapse-enter-active {
    opacity: 1;
    transition: opacity 200ms;
}

.select-collapse-exit {
    opacity: 1;
}

.select-collapse-exit-active {
    opacity: 0;
    transition: opacity 200ms;
}

.triangle-btn-enter {
    opacity: 0;
}

.triangle-btn-enter-active {
    opacity: 1;
    transition: opacity 200ms;
}

.triangle-btn-exit {
    opacity: 1;
}

.triangle-btn-exit-active {
    opacity: 0;
    transition: opacity 200ms;
}

/* Disabled button utility */
.disabled-button {
    background: transparent !important;
    border-color: #ecece6 !important;
    color: #a69a91 !important;
    pointer-events: none !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
}

/* Form container padding modification */
.form-container--paddingmod {
    padding: 0 24px 24px !important;
}

@media (min-width: 576px) {
    .form-container--paddingmod {
        padding: 0 50px 20px 70px !important;
    }
}

.empty-episode-container {
    align-items: center;
    display: flex;
    justify-content: center;
    border: 2px dashed var(--ksyos-gray-3);
    height: 400px;
}

.empty-episode-container .__text-body {
    width: 75%;
    text-align: center;
}

.empty-episode-container .__text-body h1 {
    color: var(--ksyos-gray-4) !important;
}

.empty-contacts-tasks-container {
    align-items: center;
    display: flex;
    justify-content: center;
    border: 2px solid var(--ksyos-gray-3);
    height: 100px;
    margin-bottom: 50px;
}

.empty-contacts-tasks-container .__text-body {
    width: 75%;
    text-align: center;
}

.empty-contacts-tasks-container .__text-body h4 {
    color: var(--ksyos-gray-4) !important;
}

.empty-group-meeting-appointment {
    align-items: center;
    display: flex;
    justify-content: center;
    border: 1px solid var(--ksyos-gray-4);
    height: 70px;
    margin-bottom: 50px;
}

.empty-group-meeting-appointment .__text-body {
    width: 75%;
    text-align: center;
}

.empty-group-meeting-appointment .__text-body p {
    color: var(--ksyos-gray-5) !important;
}

.filepicker.asset-dropzone {
    cursor: pointer;
    min-height: 100px;
    height: auto;
    padding: 1rem;
    background: #fff;
    border: 1px dashed var(--ksyos-gray-3);
    border-radius: 3px;
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filepicker.asset-dropzone.hasErrors {
    border: 1px dashed var(--ksyos-orange);
}

.filepicker.asset-dropzone.readonly {
    background: transparent;
    border: 0px;
    padding: 0px;
    justify-content: left;
    align-items: flex-start;
}

.filepicker.asset-dropzone .dz-preview {
    cursor: default;
}

.filepicker.asset-dropzone .dz-preview button {
    cursor: pointer;
}

.filepicker.asset-dropzone .dz-message {
    margin: 0;
    text-align: left;
    height: auto;
    position: relative;
    width: 100%;
    background: none;
    top: inherit;
    left: inherit;
}

.filepicker.asset-dropzone .dz-message .filepicker-search-file {
    display: inline;
    color: var(--color-secondary);
    text-decoration: underline;
    cursor: pointer;
    line-height: 1;
    font-weight: 700;
    word-wrap: break-word;
    word-break: break-word;
}

.filepicker.asset-dropzone .dz-message span {
    display: block;
}

.filepicker.asset-dropzone .dz-message span.main-text,
.filepicker.asset-dropzone .dz-message span.initial-sub-text {
    margin-left: 15px;
    float: left;
    height: 50px;
    line-height: 50px;
    font-weight: var(--kds-font-weight-normal);
    font-size: 22px;
    color: var(--black);
    letter-spacing: 0;
}

.filepicker.asset-dropzone .dz-message span.initial-sub-text {
    font-size: 0.875rem;
    color: var(--ksyos-gray-4);
}

.filepicker.asset-dropzone .dz-message span.sub-text {
    display: none;
}

.filepicker.asset-dropzone .dz-message i.icon-add {
    float: left;
    border-radius: 50%;
    background-color: var(--color-secondary);
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filepicker.asset-dropzone .dz-message i.icon-add svg {
    transform: translateY(15px) translateX(16px);
    width: 16px;
    height: 16px;
    fill: var(--white);
}

/* Show maintext only before filedrop */
.filepicker.asset-dropzone.dz-clickable b.add-more {
    display: none;
}

.filepicker.asset-dropzone.dz-clickable * {
    cursor: pointer;
}

.filepicker.asset-dropzone.dz-clickable .dz-preview {
    cursor: default;
}

.filepicker.asset-dropzone.dz-clickable .dz-preview * {
    cursor: default;
}

.filepicker.asset-dropzone.dz-clickable .dz-preview button,
.filepicker.asset-dropzone.dz-clickable .dz-preview img {
    cursor: pointer;
}

/* Override: keep showing dictDefaultMessage after files are dropped */
.filepicker.asset-dropzone.dz-started {
    height: auto;
}

.filepicker.asset-dropzone.dz-started .dz-message {
    opacity: 1;
    order: 2;
}

.filepicker.asset-dropzone.dz-started .dz-message .main-text {
    display: block;
}

/* Hide text when maxFilesize has reached */
.filepicker.asset-dropzone.dz-max-files-reached .dz-message {
    display: none;
}

.filepicker.asset-dropzone .dz-preview .dz-details img {
    cursor: pointer;
}

/* Preview options */
.filepicker.asset-dropzone .dz-preview {
    border-color: transparent;
}

.filepicker.asset-dropzone .dz-preview:hover .dz-details img,
.filepicker.asset-dropzone .dz-preview:active .dz-details img,
.filepicker.asset-dropzone .dz-preview:focus .dz-details img {
    opacity: 1;
}

/* Icons after uploading */
.filepicker.asset-dropzone .dz-preview .dz-success-mark,
.filepicker.asset-dropzone .dz-preview .dz-error-mark {
    top: 7px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url('/assets/svg/icon-checked-dz.svg') no-repeat;
}

.filepicker.asset-dropzone .dz-preview .dz-error-mark {
    background: url('/assets/svg/icon-info.svg') no-repeat var(--color-emergency);
}

.filepicker.asset-dropzone .dropzone .dz-preview .dz-progress .dz-upload,
.filepicker.asset-dropzone .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background: linear-gradient(135deg, var(--color-primary--darken) 0%, var(--color-primary) 45%);
}

/* Style thumbnails and custom svg images */
.filepicker.asset-dropzone .dz-details {
    font-size: 12px;
    font-weight: var(--kds-font-weight-normal);
    color: var(--ksyos-gray-5);
    background-color: var(--white);
}

.filepicker.asset-dropzone .dz-filename {
    width: 100%;
    position: absolute;
    top: -24px;
    text-align: center;
}

.filepicker.asset-dropzone .dz-filename span {
    display: inline-block;
    font-size: 11px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filepicker.asset-dropzone button {
    position: absolute;
    display: inline-block;
    text-align: center;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0.2rem;
    background: none;
    border: 2px solid var(--ksyos-gray-4);
    padding: 0.2rem 0.2rem;
    font-size: 11px;
    line-height: 1;
    color: var(--ksyos-gray-4);
    cursor: pointer;
    font-family: inherit;
    text-decoration: none;
    outline: none;
}

.filepicker.asset-dropzone button:hover {
    border: 2px solid var(--ksyos-gray-6);
    color: var(--ksyos-gray-6);
}

.filepicker.asset-dropzone a.dz-remove {
    background: none;
    border: 2px solid var(--ksyos-gray-4);
    padding: 0.2rem 0.2rem;
    font-size: 11px;
    line-height: 1;
    color: var(--ksyos-gray-4);
    cursor: pointer;
    font-family: inherit;
    text-decoration: none;
    outline: none;
}

.filepicker.asset-dropzone a.dz-remove:hover {
    border: 2px solid var(--ksyos-gray-6);
    color: var(--ksyos-gray-6);
}

/* ==========================================================================
Form Group elements
========================================================================== */

/* default select */
select {
    appearance: none;
}

select::-ms-expand {
    display: none;
}

/* form control */

.form-control {
    display: block;
    width: 100%;
}
.form-control,
.form-dropdown {
    height: calc(2.25rem + 2px);
    box-shadow: none;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--ksyos-gray-3);
    font-size: 0.875rem;
    font-family: var(--kds-font-family-base);
    color: var(--black);
    font-weight: var(--kds-font-weight-bold);
    border-radius: 0;
    padding-left: 0;
    appearance: none;
}

.form-control[disabled],
.form-control.disabled,
.form-dropdown[disabled],
.form-dropdown.disabled {
    opacity: 0.4;
    background-color: transparent;
    pointer-events: none;
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
    box-shadow: inset 0 0 0px 9999px white;
}

.form-control:focus,
.form-dropdown:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: var(--ksyos-gray-4);
}

.form-dropdown {
    font-family: var(--kds-font-family-base);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik91dHB1dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MC4wMDAwMDAsIC05NS4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMTcyMTI4IiBkPSJNODkuNTM1NTMzOSw5NS4yOTI4OTMyIEM4OS45MjYwNTgyLDk0LjkwMjM2ODkgOTAuNTU5MjIzMiw5NC45MDIzNjg5IDkwLjk0OTc0NzUsOTUuMjkyODkzMiBDOTEuMzQwMjcxOCw5NS42ODM0MTc1IDkxLjM0MDI3MTgsOTYuMzE2NTgyNSA5MC45NDk3NDc1LDk2LjcwNzEwNjggTDg2Ljc3NzgxNzUsMTAwLjg3OTAzNyBDODYuMzQ4MjQwNywxMDEuMzA4NjE0IDg1LjY1MTc1OTMsMTAxLjMwODYxNCA4NS4yMjIxODI1LDEwMC44NzkwMzcgTDgxLjA1MDI1MjUsOTYuNzA3MTA2OCBDODAuNjU5NzI4Miw5Ni4zMTY1ODI1IDgwLjY1OTcyODIsOTUuNjgzNDE3NSA4MS4wNTAyNTI1LDk1LjI5Mjg5MzIgQzgxLjQ0MDc3NjgsOTQuOTAyMzY4OSA4Mi4wNzM5NDE4LDk0LjkwMjM2ODkgODIuNDY0NDY2MSw5NS4yOTI4OTMyIEw4Niw5OC44Mjg0MjcxIEw4OS41MzU1MzM5LDk1LjI5Mjg5MzIgWiIgaWQ9Imljb24tY2FyZXQtLWRvd24iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: right 11px center;
    color: var(--black);
    font-weight: var(--kds-font-weight-bold);
}

.form-dropdown.pristine,
.form-dropdown[disabled] {
    font-weight: var(--kds-font-weight-normal);
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ksyos-gray-4);
}

.form-dropdown[multiple='multiple'] option:not(.label) {
    padding-left: 30px;
}

.form-dropdown-ds {
    background-size: 12px 8px;
    font-size: 1rem;
    min-height: 40px;
    font-weight: var(--kds-font-weight-medium);
}

.form-dropdown-ds.pristine,
.form-dropdown-ds[disabled] {
    font-size: 1rem;
}

.form-control::placeholder {
    font-family: var(--kds-font-family-base);
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    color: var(--ksyos-gray-4);
    letter-spacing: 0;
}

.form-control + .show-password {
    z-index: 3;
    position: absolute;
    right: 0px;
    top: 12px;
    width: 18px;
    height: 18px;
}

.form-control.input-password {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNOSAyQzYuMDg3MjkwOCAyIDMuOTA1MzU3NiAzLjI3MjQwMSAyLjI3NzEwMDkgNiAzLjkwNTM1NzYgOC43Mjc1OTkgNi4wODcyOTA4IDEwIDkgMTBzNS4wOTQ2NDI0LTEuMjcyNDAxIDYuNzIyODk5MS00QzE0LjA5NDY0MjQgMy4yNzI0MDEgMTEuOTEyNzA5MiAyIDkgMnptMCAxMGMtNCAwLTctMi05LTYgMi00IDUtNiA5LTZzNyAyIDkgNmMtMiA0LTUgNi05IDZ6bTAtNGMxLjEwNDU2OTUgMCAyLS44OTU0MzEgMi0yIDAtMS4xMDQ1NjktLjg5NTQzMDUtMi0yLTJzLTIgLjg5NTQzMS0yIDJjMCAxLjEwNDU2OS44OTU0MzA1IDIgMiAyeiIvPgo8L3N2Zz4K) no-repeat center right;
}

.form-control.crossed {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMi4yNzczIDguMDAwMWMxLjYyOC0yLjcyOCAzLjgxLTQgNi43MjMtNCAuMzc4IDAgLjc0Mi4wMjMgMS4wOTUuMDY3bC0xLjEwNSAxLjkzNGMtMS4xLjAwNi0xLjk5Ljg5Ny0xLjk5IDEuOTk5IDAgLjM2Ni4xMDUuNzA1LjI3NyAxbC0xLjM3IDIuMzk2Yy0xLjQ0MS0uNjIzLTIuNjQtMS43MzYtMy42My0zLjM5Nm00LjE1NCA2LjUwNGMtLjAwMi4wMDUtLjAwMi4wMS0uMDA1LjAxNWwtLjU1OC45NzdjLS4yNzQuNDgtLjg4NS42NDctMS4zNjQuMzcyLS40OC0uMjczLS42NDYtLjg4NS0uMzczLTEuMzY0bC43NzUtMS4zNTZjLTIuMDI0LS45MzktMy42NTktMi42NTQtNC45MDYtNS4xNDggMi00IDUtNiA5LTYgLjc1MyAwIDEuNDU5LjA5NSAyLjE0MS4yMzZsLjk5LTEuNzMyYy4yNzQtLjQ4Ljg4NS0uNjQ3IDEuMzY1LS4zNzIuNDc0LjI3MS42NC44NzMuMzc3IDEuMzVsLTcuNDQyIDEzLjAyMnpNMTQuNzkyIDMuOTA1NGMxLjI2Ljk4MyAyLjMzMiAyLjM0MyAzLjIwOCA0LjA5NS0xLjk5NiAzLjk5Mi00Ljk4OCA1Ljk5LTguOTc2IDUuOTk5bDEuMTkzLTIuMDg4YzIuMzEyLS4zMTkgNC4xMTQtMS41NzkgNS41MDYtMy45MTEtLjU3My0uOTYtMS4yMjUtMS43MTctMS45NDQtMi4zMjNsMS4wMTMtMS43NzJ6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==) no-repeat center right;
}

/* custom-control */
.custom-control {
    position: relative;
    display: inline-block;
}

.custom-control .custom-control-description {
    font-size: 14px;
    color: var(--black);
    letter-spacing: 0;
    max-width: 100%;
    display: inline-block;
}

.custom-control .custom-control-description input,
.custom-control .custom-control-description select {
    min-height: 20px;
    height: 33px;
    padding-top: 0px;
    line-height: 20px;
}

.custom-control .custom-control-description input::placeholder,
.custom-control .custom-control-description select::placeholder {
    line-height: 20px;
}

.custom-control .custom-control-description select {
    padding-right: 25px;
}

.custom-control .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none;
}

/* custom-checkbox */
.custom-checkbox {
    min-height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    min-width: 20px;
    padding-left: 0;
    margin-bottom: 0px;
}

.custom-checkbox .custom-control-input {
    display: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
    background-color: var(--ksyos-blue);
    border: 0px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE1IDExIj4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzQ3LjI4NDU3Miw0Ny4zMDEzMTI1IEMzNDcuNjcwNDQ3LDQ2LjkwNjE5MzEgMzQ4LjMwMzU2Nyw0Ni44OTg2OTg2IDM0OC42OTg2ODcsNDcuMjg0NTcyOSBDMzQ5LjA5MzgwNiw0Ny42NzA0NDczIDM0OS4xMDEzMDEsNDguMzAzNTY3OSAzNDguNzE1NDI2LDQ4LjY5ODY4NzMgTDM0MC4wNzMxNCw1Ny41NDgwMzAxIEMzMzkuNDU1MzUyLDU4LjE1MTk1MTEgMzM4LjUwNTY3MSw1OC4xNDA3MDkyIDMzNy45MjY4NTksNTcuNTQ4MDMwMSBMMzM0LjI4NDU3Myw1My44MTg0Nzk5IEMzMzMuODk4Njk5LDUzLjQyMzM2MDUgMzMzLjkwNjE5Myw1Mi43OTAyMzk5IDMzNC4zMDEzMTMsNTIuNDA0MzY1NSBDMzM0LjY5NjQzMiw1Mi4wMTg0OTExIDMzNS4zMjk1NTMsNTIuMDI1OTg1NyAzMzUuNzE1NDI3LDUyLjQyMTEwNTEgTDMzOSw1NS43ODQzNzE1IEwzNDcuMjg0NTcyLDQ3LjMwMTMxMjUgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzNCAtNDcpIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 10px 8px;
}

.custom-checkbox .custom-control-indicator {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: var(--white);
    border: 1px solid var(--ksyos-gray-4);
    display: inline-block;
    pointer-events: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.custom-checkbox .required {
    transform: translateX(3px);
    display: inline-block;
    font-weight: 700;
    color: #00d06a;
}

.custom-checkbox.disabled {
    opacity: 0.4;
}

/* custom-radio */
.custom-radio {
    min-height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    padding-left: 0;
    margin-bottom: 0px;
}

.custom-radio .custom-control-input {
    display: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
    border: 6px solid var(--ksyos-blue);
}

.custom-radio .custom-control-indicator {
    width: 20px;
    height: 20px;
    background-color: var(--white);
    border: 1px solid var(--ksyos-gray-4);
    border-radius: 50%;
    display: inline-block;
    pointer-events: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    vertical-align: middle;
    margin: -2px 0.5rem 0 0;
}

.custom-radio.disabled {
    opacity: 0.4;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 0;
}

.form-check .custom-radio .custom-control-indicator,
.form-check .custom-checkbox .custom-control-indicator {
    position: absolute;
    top: calc(0.375rem + 2px);
    left: 0;
    margin-top: 0px;
}

.form-check .custom-radio .custom-control-description,
.form-check .custom-checkbox .custom-control-description {
    padding-left: 1.5rem;
    line-height: 1.5;
}

.form-check .custom-radio .custom-control-description.separate-from-checkbox,
.form-check .custom-checkbox .custom-control-description.separate-from-checkbox {
    padding-left: 0;
    margin-left: 1.5rem;
}

.form-check .custom-radio {
    padding-bottom: 0;
}

.form-check .custom-checkbox.has-formcontrol {
    padding-top: 0;
    padding-bottom: 0;
}

.form-check .custom-checkbox.has-formcontrol .form-control {
    /* form-control mixin equivalent */
    min-height: calc(2.25rem + 2px);
}

/* Form labels */
label.form-label {
    display: block;
    width: 100%;
    max-width: 180px;
    font-weight: var(--kds-font-weight-normal);
    float: left;
    /* form-control mixin equivalent */
    min-height: calc(2.25rem + 2px);
}

label.form-label.small {
    margin-right: 10px;
    float: none;
    width: auto;
}

label.form-label .required {
    transform: translateX(3px);
    display: inline-block;
    font-weight: var(--kds-font-weight-bold);
    color: var(--ksyos-green);
}

label.form-label.label-large {
    max-width: 40%;
}

label.form-label .btn-tooltip {
    margin: -5px 0 0 5px;
}

@media screen and (min-width: 1440px) {
    label.form-label {
        max-width: 255px;
    }
}

label.field.prepend-icon {
    position: relative;
    z-index: 3;
    max-width: 100%;
    transform: none;
    margin: 0px;
}

/* Textarea */
textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--ksyos-gray-3);
    resize: none;
    min-height: 38px;
    overflow: hidden;
    box-sizing: border-box;
}

/* Form validation */
.form-validator {
    overflow: hidden;
    width: 0%;
    max-width: 100%;
    height: 3px;
    width: 100%;
    transform: translateY(-2px);
    z-index: 3;
    position: absolute;
    left: 0px;
    top: 40px;
}

.form-validator span {
    display: inline-block;
    background: var(--ksyos-gray-3);
    height: 3px;
    border: 1px solid var(--white);
    border-left: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.form-validator:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    display: block;
    content: '';
    width: 100%;
    background-image: linear-gradient(90deg, var(--ksyos-red) 0%, var(--ksyos-green) 83%);
}

/* Switch button */
.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    min-width: 70px;
    height: 34px;
    max-width: 70px !important;
    margin-bottom: 0px;
}

.switch input {
    display: none;
}

.switch.disabled {
    opacity: 0.4;
}

.switch[disabled] {
    opacity: 0.4;
}

.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--white);
    border: 1px solid var(--ksyos-gray-2);
    transition: 0.4s;
}

.switch .slider:before {
    position: absolute;
    content: 'Nee';
    height: 20px;
    width: 20px;
    left: 7px;
    top: 6px;
    background-color: var(--ksyos-gray-4);
    transition: 0.4s;
    text-indent: 27px;
    color: var(--color-primary);
    font-size: 0.75rem;
    font-weight: var(--kds-font-weight-bold);
    color: var(--ksyos-gray-5);
    padding: 1px 0 0;
}

.switch .slider.round {
    border-radius: 34px;
}

.switch .slider.round:before {
    border-radius: 50%;
}

.switch input:checked + .slider {
    background-color: var(--white);
}

.switch input:focus + .slider {
    box-shadow: 0 0 1px var(--ksyos-gray-5);
}

.switch input:checked + .slider:before {
    transform: translateX(26px);
    content: 'Ja';
    text-indent: -26px;
    color: var(--color-secondary);
    background: var(--color-secondary);
    left: 16px;
}

/* ==========================================================================
Form Group styles
========================================================================== */

/* Form control feedback */
.form-control-feedback {
    display: inline-block;
    border-radius: 3px;
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.75rem;
    line-height: 25px;
    padding: 0 10px;
    background-color: var(--color-danger--lighten);
    color: var(--color-danger);
    text-overflow: ellipsis;
    position: relative;
    margin: 12px 0 5px 0;
}

.form-control-feedback:after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSI4Li1WYWxpZGF0aWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJWYWxpZGF0aWVfMDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzkuMDAwMDAwLCAtNTQ1LjAwMDAwMCkiIGZpbGw9IiNmY2YyZWMiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUiIHBvaW50cz0iNjM5LjAwNDE1OCA1NTAgNjQzLjAwNDAyOSA1NDUgNjQ3LjAwMzkgNTUwIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    width: 12px;
    height: 7px;
    background-size: contain;
}

.form-control-feedback:not(:last-of-type) {
    margin: 5px 10px 5px 0;
}

.form-group:after {
    clear: both;
    content: '';
    display: block;
}

/* Table styles */
.form-group .table {
    width: calc(100% - (255px + 20px));
}

.form-group .table.fullWidth {
    width: 100%;
}

.form-group .table thead td {
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
}

.form-group .table tbody td {
    font-size: 0.875rem;
}

.form-group .form-control-danger {
    border-bottom: 1px solid var(--ksyos-orange);
}

.form-group .form-control-danger::placeholder {
    color: var(--ksyos-orange);
}

.form-group .form-control-danger.form-search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICA8cGF0aCBmaWxsPSIjRkY5QTFFIiBkPSJNODkuMzE5ODU3NCw0NDYuOTA1NjQ0IEw5MS43MDcxMDY4LDQ0OS4yOTI4OTMgQzkyLjA5NzYzMTEsNDQ5LjY4MzQxOCA5Mi4wOTc2MzExLDQ1MC4zMTY1ODIgOTEuNzA3MTA2OCw0NTAuNzA3MTA3IEM5MS4zMTY1ODI1LDQ1MS4wOTc2MzEgOTAuNjgzNDE3NSw0NTEuMDk3NjMxIDkwLjI5Mjg5MzIsNDUwLjcwNzEwNyBMODcuOTA1NjQzOSw0NDguMzE5ODU3IEM4Ni41NTA5NjAxLDQ0OS4zNzI5MTggODQuODQ4NzExNSw0NTAgODMsNDUwIEM3OC41ODE3MjIsNDUwIDc1LDQ0Ni40MTgyNzggNzUsNDQyIEM3NSw0MzcuNTgxNzIyIDc4LjU4MTcyMiw0MzQgODMsNDM0IEM4Ny40MTgyNzgsNDM0IDkxLDQzNy41ODE3MjIgOTEsNDQyIEM5MSw0NDMuODQ4NzExIDkwLjM3MjkxODQsNDQ1LjU1MDk2IDg5LjMxOTg1NzQsNDQ2LjkwNTY0NCBaIE04Myw0NDggQzg2LjMxMzcwODUsNDQ4IDg5LDQ0NS4zMTM3MDggODksNDQyIEM4OSw0MzguNjg2MjkyIDg2LjMxMzcwODUsNDM2IDgzLDQzNiBDNzkuNjg2MjkxNSw0MzYgNzcsNDM4LjY4NjI5MiA3Nyw0NDIgQzc3LDQ0NS4zMTM3MDggNzkuNjg2MjkxNSw0NDggODMsNDQ4IFogTTg4LDQ0MiBDODgsNDQyLjU1MjI4NSA4Ny41NTIyODQ3LDQ0MyA4Nyw0NDMgQzg2LjQ0NzcxNTMsNDQzIDg2LDQ0Mi41NTIyODUgODYsNDQyIEM4Niw0NDAuMzQzMTQ2IDg0LjY1Njg1NDIsNDM5IDgzLDQzOSBDODIuNDQ3NzE1Myw0MzkgODIsNDM4LjU1MjI4NSA4Miw0MzggQzgyLDQzNy40NDc3MTUgODIuNDQ3NzE1Myw0MzcgODMsNDM3IEM4NS43NjE0MjM3LDQzNyA4OCw0MzkuMjM4NTc2IDg4LDQ0MiBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzUgLTQzNCkiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
}

.form-group .form-control-danger.form-dropdown {
    color: var(--ksyos-orange);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik91dHB1dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MC4wMDAwMDAsIC05NS4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkY5QTFFIiBkPSJNODkuNTM1NTMzOSw5NS4yOTI4OTMyIEM4OS45MjYwNTgyLDk0LjkwMjM2ODkgOTAuNTU5MjIzMiw5NC45MDIzNjg5IDkwLjk0OTc0NzUsOTUuMjkyODkzMiBDOTEuMzQwMjcxOCw5NS42ODM0MTc1IDkxLjM0MDI3MTgsOTYuMzE2NTgyNSA5MC45NDk3NDc1LDk2LjcwNzEwNjggTDg2Ljc3NzgxNzUsMTAwLjg3OTAzNyBDODYuMzQ4MjQwNywxMDEuMzA4NjE0IDg1LjY1MTc1OTMsMTAxLjMwODYxNCA4NS4yMjIxODI1LDEwMC44NzkwMzcgTDgxLjA1MDI1MjUsOTYuNzA3MTA2OCBDODAuNjU5NzI4Miw5Ni4zMTY1ODI1IDgwLjY1OTcyODIsOTUuNjgzNDE3NSA4MS4wNTAyNTI1LDk1LjI5Mjg5MzIgQzgxLjQ0MDc3NjgsOTQuOTAyMzY4OSA4Mi4wNzM5NDE4LDk0LjkwMjM2ODkgODIuNDY0NDY2MSw5NS4yOTI4OTMyIEw4Niw5OC44Mjg0MjcxIEw4OS41MzU1MzM5LDk1LjI5Mjg5MzIgWiIgaWQ9Imljb24tY2FyZXQtLWRvd24iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
}

.form-group .form-control-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE1IDExIj4KICA8cGF0aCBmaWxsPSIjMDBEMDZBIiBkPSJNMzQ3LjI4NDU3Miw0Ny4zMDEzMTI1IEMzNDcuNjcwNDQ3LDQ2LjkwNjE5MzEgMzQ4LjMwMzU2Nyw0Ni44OTg2OTg2IDM0OC42OTg2ODcsNDcuMjg0NTcyOSBDMzQ5LjA5MzgwNiw0Ny42NzA0NDczIDM0OS4xMDEzMDEsNDguMzAzNTY3OSAzNDguNzE1NDI2LDQ4LjY5ODY4NzMgTDM0MC4wNzMxNCw1Ny41NDgwMzAxIEMzMzkuNDU1MzUyLDU4LjE1MTk1MTEgMzM4LjUwNTY3MSw1OC4xNDA3MDkyIDMzNy45MjY4NTksNTcuNTQ4MDMwMSBMMzM0LjI4NDU3Myw1My44MTg0Nzk5IEMzMzMuODk4Njk5LDUzLjQyMzM2MDUgMzMzLjkwNjE5Myw1Mi43OTAyMzk5IDMzNC4zMDEzMTMsNTIuNDA0MzY1NSBDMzM0LjY5NjQzMiw1Mi4wMTg0OTExIDMzNS4zMjk1NTMsNTIuMDI1OTg1NyAzMzUuNzE1NDI3LDUyLjQyMTEwNTEgTDMzOSw1NS43ODQzNzE1IEwzNDcuMjg0NTcyLDQ3LjMwMTMxMjUgWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMzNCAtNDcpIi8+Cjwvc3ZnPgoK);
    background-repeat: no-repeat;
    background-size: 15px 11px;
    background-position: center right;
}

/* Feedback styles on form group */
.form-group.has-warning .radiobutton-group .form-check,
.form-group.has-danger .radiobutton-group .form-check {
    border: 0px;
    height: 58px;
}

.form-group.has-warning a.link,
.form-group.has-danger a.link {
    margin-top: -42px;
}

.form-group.has-warning label {
    color: var(--color-warning);
}

.form-group.has-warning label.form-label {
    color: var(--color-warning);
}

.form-group.has-warning label.form-label .required {
    color: var(--color-warning);
}

.form-group.has-warning .form-control-feedback {
    background-color: var(--color-warning--lighten);
    color: var(--color-warning);
}

.form-group.has-warning .form-control-feedback:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSI4Li1WYWxpZGF0aWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJWYWxpZGF0aWVfMDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzkuMDAwMDAwLCAtNTQ1LjAwMDAwMCkiIGZpbGw9IiNlNmY3ZmUiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUiIHBvaW50cz0iNjM5LjAwNDE1OCA1NTAgNjQzLjAwNDAyOSA1NDUgNjQ3LjAwMzkgNTUwIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
}

.form-group.has-warning .Select {
    border-bottom: 1px solid var(--ksyos-orange);
}

.form-group.has-warning .Select .Select-control .Select-arrow-zone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik91dHB1dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MC4wMDAwMDAsIC05NS4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDBBREY4IiBkPSJNODkuNTM1NTMzOSw5NS4yOTI4OTMyIEM4OS45MjYwNTgyLDk0LjkwMjM2ODkgOTAuNTU5MjIzMiw5NC45MDIzNjg5IDkwLjk0OTc0NzUsOTUuMjkyODkzMiBDOTEuMzQwMjcxOCw5NS42ODM0MTc1IDkxLjM0MDI3MTgsOTYuMzE2NTgyNSA5MC45NDk3NDc1LDk2LjcwNzEwNjggTDg2Ljc3NzgxNzUsMTAwLjg3OTAzNyBDODYuMzQ4MjQwNywxMDEuMzA4NjE0IDg1LjY1MTc1OTMsMTAxLjMwODYxNCA4NS4yMjIxODI1LDEwMC44NzkwMzcgTDgxLjA1MDI1MjUsOTYuNzA3MTA2OCBDODAuNjU5NzI4Miw5Ni4zMTY1ODI1IDgwLjY1OTcyODIsOTUuNjgzNDE3NSA4MS4wNTAyNTI1LDk1LjI5Mjg5MzIgQzgxLjQ0MDc3NjgsOTQuOTAyMzY4OSA4Mi4wNzM5NDE4LDk0LjkwMjM2ODkgODIuNDY0NDY2MSw5NS4yOTI4OTMyIEw4Niw5OC44Mjg0MjcxIEw4OS41MzU1MzM5LDk1LjI5Mjg5MzIgWiIgaWQ9Imljb24tY2FyZXQtLWRvd24iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
}

.form-group.has-warning .Select .Select-control .Select-value .Select-value-label {
    color: var(--color-warning);
}

.form-group.has-warning .Select .Select-menu-outer {
    z-index: 9999;
}

.form-group.has-danger label {
    color: var(--color-danger);
}

.form-group.has-danger label.form-label {
    color: var(--color-danger);
}

.form-group.has-danger label.form-label .required {
    color: var(--ksyos-orange);
}

.form-group.has-danger .form-control-feedback {
    background-color: var(--color-danger--lighten);
    color: var(--color-danger);
}

.form-group.has-danger .form-control-feedback:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSI4Li1WYWxpZGF0aWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJWYWxpZGF0aWVfMDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzkuMDAwMDAwLCAtNTQ1LjAwMDAwMCkiIGZpbGw9IiNmY2YyZWMiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUiIHBvaW50cz0iNjM5LjAwNDE1OCA1NTAgNjQzLjAwNDAyOSA1NDUgNjQ3LjAwMzkgNTUwIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
}

.form-group.has-danger .Select .Select-control {
    border-bottom: 1px solid var(--ksyos-orange);
}

.form-group.has-danger .Select .Select-control .Select-arrow-zone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik91dHB1dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MC4wMDAwMDAsIC05NS4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkY5QTFFIiBkPSJNODkuNTM1NTMzOSw5NS4yOTI4OTMyIEM4OS45MjYwNTgyLDk0LjkwMjM2ODkgOTAuNTU5MjIzMiw5NC45MDIzNjg5IDkwLjk0OTc0NzUsOTUuMjkyODkzMiBDOTEuMzQwMjcxOCw5NS42ODM0MTc1IDkxLjM0MDI3MTgsOTYuMzE2NTgyNSA5MC45NDk3NDc1LDk2LjcwNzEwNjggTDg2Ljc3NzgxNzUsMTAwLjg3OTAzNyBDODYuMzQ4MjQwNywxMDEuMzA4NjE0IDg1LjY1MTc1OTMsMTAxLjMwODYxNCA4NS4yMjIxODI1LDEwMC44NzkwMzcgTDgxLjA1MDI1MjUsOTYuNzA3MTA2OCBDODAuNjU5NzI4Miw5Ni4zMTY1ODI1IDgwLjY1OTcyODIsOTUuNjgzNDE3NSA4MS4wNTAyNTI1LDk1LjI5Mjg5MzIgQzgxLjQ0MDc3NjgsOTQuOTAyMzY4OSA4Mi4wNzM5NDE4LDk0LjkwMjM2ODkgODIuNDY0NDY2MSw5NS4yOTI4OTMyIEw4Niw5OC44Mjg0MjcxIEw4OS41MzU1MzM5LDk1LjI5Mjg5MzIgWiIgaWQ9Imljb24tY2FyZXQtLWRvd24iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
}

.form-group.has-danger .Select .Select-control .Select-value .Select-value-label {
    color: var(--ksyos-orange);
}

.form-group.has-danger .radiobutton-group {
    flex-wrap: wrap;
}

.form-group.has-success {
    position: relative;
}

/* Radio button warning */
.form-group .custom-radio.form-control-warning {
    border: 0px;
}

.form-group .custom-radio.form-control-warning .custom-control-indicator {
    border: 1px solid var(--ksyos-orange);
}

.form-group .custom-radio.form-control-warning .custom-control-description {
    color: var(--color-warning);
}

/* Checkbox warning */
.form-group .custom-checkbox.form-control-warning {
    border: 0px;
}

.form-group .custom-checkbox.form-control-warning .custom-control-indicator {
    border: 1px solid var(--ksyos-orange);
}

.form-group .custom-checkbox.form-control-warning .custom-control-description {
    color: var(--color-warning);
}

/* Radio button danger */
.form-group .custom-radio.form-control-danger {
    border: 0px;
}

.form-group .custom-radio.form-control-danger .custom-control-indicator {
    border: 1px solid var(--ksyos-orange);
}

.form-group .custom-radio.form-control-danger .custom-control-description {
    color: var(--color-danger);
}

/* Checkbox danger */
.form-group .custom-checkbox.form-control-danger {
    border: 0px;
}

.form-group .custom-checkbox.form-control-danger .custom-control-indicator {
    border: 1px solid var(--ksyos-orange);
}

.form-group .custom-checkbox.form-control-danger .custom-control-description {
    color: var(--color-danger);
}

/* Radio button success */
.form-group .custom-radio.form-control-success {
    background: none;
}

/* Helper classes for form group */
.form-group.flex {
    position: relative;
    display: flex;
    margin-bottom: 10px;
}

.form-group.flex .btn-search {
    margin-left: 10px;
    margin-top: 5px;
}

.form-group.flex .input-container {
    position: relative;
}

.form-group.flex .input-container:last-of-type button {
    width: auto !important;
}

.form-group.flex .form-search {
    background: none;
    width: 100%;
}

.form-group.flex .input-group--multiple.radiobutton-group.automation-contra_indicaties {
    margin-bottom: 0;
}

.form-group.flex .input-group--multiple.radiobutton-group.automation-contra_indicaties .custom-radio {
    margin-bottom: 0;
}

/* Helper classes for form group and input types */
.form-group .input-small {
    width: 55px;
}

.form-group .input-small input {
    padding-right: 0px;
}

.form-group .input-medium {
    max-width: 110px;
}

.form-group .input-medium .form-control {
    min-width: 2rem;
}

.form-group .input-33,
.form-group .input-20 {
    width: calc(33.336% - 5px);
}

.form-group .input-33 label.small,
.form-group .input-20 label.small {
    margin: 0 15px;
    font-size: 0.75rem;
    color: var(--ksyos-gray-4);
}

.form-group .input-33 label.small:not(:first-of-type),
.form-group .input-20 label.small:not(:first-of-type) {
    margin: 0 20px 0 0;
}

.form-group .input-33.fixed-width,
.form-group .input-20.fixed-width {
    min-width: 312px;
}

.form-group .input-20 {
    width: calc(20% - 5px);
}

.form-group .input-50 {
    width: calc(50% - 5px);
}

.form-group .align-self-center {
    text-align: center;
}

.form-group .input-group--multiple .btn:last-of-type {
    margin: 0 0 0 10px;
}

.form-group .input-group--multiple .icon + p {
    margin-bottom: 0;
}

.form-group .input-group--multiple .input-container p:not(.user-text) {
    line-height: 34px;
}

.form-group .input-group--multiple p a.link {
    margin: 0 0 0 10px;
}

.form-group .input-group--multiple p:first-of-type {
    margin-bottom: 0;
}

.form-group .input-group--multiple.radiobutton-group {
    margin-top: 7px;
}

.form-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
    user-select: none;
    z-index: 3;
}

.form-overlay__message {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 2rem;
    text-align: center;
    z-index: 4;
}

.input-group--multiple .form-control[disabled],
.input-group--multiple .form-control.disabled {
    color: var(--black);
    opacity: 1;
    background-color: transparent;
}

.input-description {
    display: inline-block;
    height: calc(2.25rem + 2px);
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    padding-left: 4px;
    padding-right: 4px;
}

/* break form labels with hyphens */
label.form-label {
    hyphens: auto;
}

/* label for stacked forms */
.col-form-label {
    font-size: 0.875rem;
}

.col-form-label .required {
    transform: translateX(3px);
    display: inline-block;
    font-weight: var(--kds-font-weight-bold);
    color: var(--ksyos-green);
}

.col-form-label .clarification {
    margin-left: 15px;
    color: var(--ksyos-gray-4);
}

.col-form-label.header {
    font-weight: 700;
    font-size: 1rem;
    line-height: normal;
}

.formlabel-stacked {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.875;
    margin-bottom: calc(0.375rem + 1px);
}

.read-form-label {
    font-size: 0.875rem;
    line-height: 1.875;
    padding: 0;
}

.form-group {
    margin-bottom: 1rem;
}

.form-group:after {
    content: '';
    display: table;
    clear: both;
}

.form-group.is-grouped {
    display: flex;
}

.btn.float-left + p {
    margin-bottom: 0px;
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row.has-danger label,
.row.has-danger label {
    color: var(--color-danger);
}

.form-row.does-not-have-danger label,
.row.does-not-have-danger label {
    color: var(--black);
}

.form-row .form-control-danger,
.row .form-control-danger {
    border-bottom: 1px solid var(--ksyos-orange);
}

.form-row .form-control-feedback,
.row .form-control-feedback {
    background-color: var(--color-danger--lighten);
    color: var(--color-danger);
}

.form-row .form-control-feedback:after,
.row .form-control-feedback:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjVweCIgdmlld0JveD0iMCAwIDggNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSI4Li1WYWxpZGF0aWUiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJWYWxpZGF0aWVfMDIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MzkuMDAwMDAwLCAtNTQ1LjAwMDAwMCkiIGZpbGw9IiNmY2YyZWMiPgogICAgICAgICAgICA8cG9seWdvbiBpZD0iQ29tYmluZWQtU2hhcGUiIHBvaW50cz0iNjM5LjAwNDE1OCA1NTAgNjQzLjAwNDAyOSA1NDUgNjQ3LjAwMzkgNTUwIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
}

.has-stacked-inputs > .form-row {
    margin-bottom: 1rem;
}

/* TODO: CS-5020, move to InputControl */
.number-input .form-control-inline,
.text-input .form-control-inline {
    display: flex;
}

.number-input .form-control-inline .form-control,
.text-input .form-control-inline .form-control {
    flex: none;
}

/* TODO: CS-5020, move to InputControl */
.text-input {
    width: 100%;
}

.inline-label {
    /* inline-label mixin equivalent */
    display: inline-block;
    margin-right: 0.5rem;
    font-weight: var(--kds-font-weight-bold);
}

.form-inline-group {
    width: 100%;
    display: block;
    line-height: 1.5;
    font-weight: 700;
}

.form-header .required {
    transform: translateX(3px);
    display: inline-block;
    font-weight: 700;
    color: #00d06a;
}

.form-datefield--outline-focus.rw-state-focus .rw-widget-container {
    box-shadow: rgb(237 242 255) 0px 0px 0px 4px;
    border-color: #7090e5;
}

.form-datefield--outline-focus.rw-state-focus.form-datefield--outline-error .rw-widget-container {
    border-color: var(--ksyos-orange);
    box-shadow: 0 0 0 4px #fff3e3;
}

.form-datefield--outline-error input::placeholder {
    color: var(--ksyos-orange);
}

.form-header {
    min-height: 70px;
    position: relative;
    cursor: pointer;
    padding: 1rem 0;
}

.form-header h2 {
    margin: 0;
    font-size: 1.063rem;
    line-height: 35px;
}

.form-header h2 span.status {
    font-size: 0.875rem;
    color: var(--color-emergency);
    margin: 0 0 0 12px;
}

@media (min-width: 1200px) {
    .form-header h2 {
        font-size: 1.25rem;
    }
}

.form-header span.status-label {
    margin: 0 0 0 12px;
}

.form-header__title {
    flex-wrap: wrap;
    max-width: 100%;
    min-height: 42px;
}

.form-header__details {
    display: flex;
    align-items: flex-start;
}

.form-header__details .date-calendar {
    min-width: 70px;
    max-width: 70px;
    padding: 0 0 0 1rem;
    display: inline-block;
}

.form-header--process-details {
    display: inline-block;
    text-align: right;
    padding: 0 1rem;
}

.form-header--name {
    display: block;
    font-size: 0.875rem;
    color: var(--ksyos-gray-4);
    /* ellipsis mixin equivalent */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.form-header--pid {
    display: block;
    font-size: 0.75rem;
    color: var(--ksyos-gray-4);
}

.process-icon {
    display: none;
    width: 36px;
    height: 36px;
    border: 1px solid var(--ksyos-gray-2);
    border-radius: 9999px;
    position: absolute;
    left: 22px;
    top: 19px;
    padding: 0;
    background: var(--white);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

@media (min-width: 576px) {
    .process-icon {
        display: flex;
    }
}

.required {
    transform: translateX(3px);
    display: inline-block;
    font-weight: var(--kds-font-weight-bold);
    color: var(--ksyos-green);
}

/* ==========================================================================
Loader styles
========================================================================== */

.loader {
    width: 4rem;
    height: 4rem;
    z-index: 1;
}

.loader.large {
    width: 8rem;
    height: 8rem;
}

.loader svg {
    width: 100%;
    height: 100%;
}

/* Todo: depending on use of loader add a centered prop */
.loader.centered {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.loader.is-fixed {
    top: 50%;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
}

.loader.horizontal-centered {
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0%);
}

.loader #left stop:first-child {
    animation-name: animationLeft-1;
}

.loader #left stop:last-child {
    animation-name: animationLeft-2;
}

.loader #right stop:first-child {
    animation-name: animationRight-1;
}

.loader #right stop:last-child {
    animation-name: animationRight-2;
}

.loader #bottom stop:first-child {
    animation-name: animationBottom-1;
}

.loader #bottom stop:last-child {
    animation-name: animationBottom-2;
}

.loader #top stop:first-child {
    animation-name: animationTop-1;
}

.loader #top stop:last-child {
    animation-name: animationTop-2;
}

.loader stop {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition: all;
}

@keyframes animationLeft-1 {
    0% {
        stop-color: #e871ca;
    }
    12% {
        stop-color: #f9dbfa;
    }
    24% {
        stop-color: #f084ef;
    }
    36% {
        stop-color: #ef7aee;
    }
    48% {
        stop-color: #e871ca;
    }
    100% {
        stop-color: #e871ca;
    }
}

@keyframes animationLeft-2 {
    0% {
        stop-color: #ea3d2f;
    }
    12% {
        stop-color: #eb4fe9;
    }
    24% {
        stop-color: #eb4fe9;
    }
    36% {
        stop-color: #eb4fe9;
    }
    48% {
        stop-color: #ea3d2f;
    }
    100% {
        stop-color: #ea3d2f;
    }
}

@keyframes animationRight-1 {
    0% {
        stop-color: #f4f4f2;
    }
    12% {
        stop-color: #f6ebd6;
    }
    24% {
        stop-color: #f8eddc;
    }
    36% {
        stop-color: #edad5e;
    }
    48% {
        stop-color: #f4f4f2;
    }
    100% {
        stop-color: #f4f4f2;
    }
}

@keyframes animationRight-2 {
    0% {
        stop-color: #f4f4f2;
    }
    12% {
        stop-color: #f0963f;
    }
    24% {
        stop-color: #efaf5e;
    }
    36% {
        stop-color: #ffffff;
    }
    48% {
        stop-color: #f4f4f2;
    }
    100% {
        stop-color: #f4f4f2;
    }
}

@keyframes animationBottom-1 {
    0% {
        stop-color: #e871ca;
    }
    12% {
        stop-color: #f4f4f2;
    }
    24% {
        stop-color: #fadcfa;
    }
    36% {
        stop-color: #edb89b;
    }
    48% {
        stop-color: #e871ca;
    }
    100% {
        stop-color: #e871ca;
    }
}

@keyframes animationBottom-2 {
    0% {
        stop-color: #f086f0;
    }
    12% {
        stop-color: #f4f4f2;
    }
    24% {
        stop-color: #f084ef;
    }
    36% {
        stop-color: #ec5733;
    }
    48% {
        stop-color: #f086f0;
    }
    100% {
        stop-color: #f086f0;
    }
}

@keyframes animationTop-1 {
    0% {
        stop-color: #f6e9d4;
    }
    12% {
        stop-color: #f0963f;
    }
    24% {
        stop-color: #efaf5e;
    }
    36% {
        stop-color: #f4f4f2;
    }
    48% {
        stop-color: #f6e9d4;
    }
    100% {
        stop-color: #f6e9d4;
    }
}

@keyframes animationTop-2 {
    0% {
        stop-color: #f19e41;
    }
    12% {
        stop-color: #ea3d2f;
    }
    24% {
        stop-color: #f19e41;
    }
    36% {
        stop-color: #f4f4f2;
    }
    48% {
        stop-color: #f19e41;
    }
    100% {
        stop-color: #f19e41;
    }
}

/* Additional styles for IE 10+ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .loader svg {
        animation-name: animationIe;
        animation-duration: 2.4s;
        animation-iteration-count: infinite;
    }
}

@keyframes animationIe {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.loader-container-fullscreen {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
}

:root {
    --modal-small: 676px;
    --modal-medium: 960px;
    --modal-large: 1268px;
}

.modal {
    z-index: 9999;
}

.modal .modal-header {
    border: 0;
    padding: 0 0 0 0;
    margin-bottom: 1rem;
}

h3.modal-title {
    font-weight: var(--kds-font-weight-bold);
    font-size: 1rem;
    line-height: 1.875rem;
}

h1.modal-title {
    font-weight: var(--kds-font-weight-bold);
    font-size: 2.625rem;
    margin-bottom: 0;
    line-height: 2.625rem;
}

.modal .modal-subtitle {
    display: block;
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    line-height: 1.857;
    margin: 1rem 0 0 0;
}

.modal .close {
    background-color: var(--ksyos-gray-2);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.modal .close span {
    display: block;
    color: var(--black);
    line-height: 30px;
    transform: translateY(-1px);
}

.modal .close:hover {
    background-color: var(--ksyos-gray-3);
}

.modal .modal-dialog.modal-small {
    max-width: var(--modal-small);
    margin: 0.5rem;
}

.modal .modal-dialog.modal-small .close {
    transform: translate(50%, -50%);
}

@media screen and (min-width: 676px) {
    .modal .modal-dialog.modal-small {
        margin: 1.75rem auto;
    }
}

.modal .modal-dialog.modal-medium {
    max-width: var(--modal-medium);
    margin: 0.5rem;
}

.modal .modal-dialog.modal-medium .modal-header {
    margin-bottom: 2rem;
}

@media screen and (min-width: 960px) {
    .modal .modal-dialog.modal-medium {
        margin: 1.75rem auto;
    }
}

.modal .modal-dialog.modal-large {
    max-width: var(--modal-large);
    margin: 0.5rem;
}

.modal .modal-dialog.modal-large .modal-header {
    margin-bottom: 2rem;
}

@media screen and (min-width: 1268px) {
    .modal .modal-dialog.modal-large {
        margin: 1.75rem auto;
    }
}

.modal .modal-content {
    border: 0;
    box-shadow: 0 2px 4px 0 rgba(23, 33, 40, 0.05);
    border-radius: 0;
    padding: 3.125rem;
}

.modal .modal-content p {
    margin-bottom: 0;
}

.modal .modal-content p:not(:last-child) {
    margin-bottom: 1rem;
}

.modal .modal-body {
    padding: 0;
    margin-bottom: 1.875rem;
}

.modal .modal-footer {
    justify-content: flex-end;
    padding: 0 0 0 0;
    border: 0;
}

.modal .modal-footer .btn:not(:last-child) {
    margin-right: 0.625rem;
}

.embedded-content .modal-body {
    position: relative;
    overflow: hidden;
    margin-bottom: 0px;
}

.fullscreen.modal-dialog {
    width: auto;
    max-width: 100%;
    height: calc(100% - 3.5rem);
    overflow: hidden;
}

@media (min-width: 992px) {
    .fullscreen.modal-dialog {
        max-width: 90%;
    }
}

@media (min-width: 1400px) {
    .fullscreen.modal-dialog {
        max-width: 94%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .fullscreen.modal-dialog {
        max-width: 98%;
    }
}

.fullscreen.embedded-content .modal-content .modal-body {
    padding: 0;
}

.fullscreen .modal-content {
    height: 100%;
    padding: 3.125rem;
}

.fullscreen .modal-content .modal-body {
    height: 100%;
    padding: inherit;
}

.fullscreen .modal-title {
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.fullscreen .modal-title h1 {
    margin-bottom: 0;
    line-height: 1;
}

.fullscreen .action-buttons {
    margin-left: 30px;
    display: flex;
    align-items: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .modal-open .patient-merge {
        overflow-y: visible;
    }
}

.patient-block {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100%;
}

.patient-block--topBar {
    padding-top: 16px;
}

.patient-block ul {
    list-style: none;
    padding: 0;
}

.patient-block ul li {
    color: var(--ksyos-gray-5);
    font-size: 0.8125rem;
    line-height: 1.375rem;
}

/* Set dropdown to top patientblock */
.patient-block .btn-dropdown {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.patient-block .btn-dropdown .icon {
    width: 11px;
    height: 11px;
}

.patient-block .icon-male-patient,
.patient-block .icon-female-patient,
.patient-block .icon-neutral-patient {
    z-index: -1;
}

.patient-block .scroll-wrap {
    clear: both;
    min-height: 140px;
}

.patient-block h2 {
    margin-right: 20px;
    font-size: 1rem;
    line-height: 1.5;
}

@media (min-width: 1200px) {
    .patient-block h2 {
        font-size: 1.25rem;
    }
}

.patient-info__list a {
    color: var(--black);
    text-decoration: none;
}

.patient-info__list a h2 {
    border-bottom: 1px solid var(--black);
    padding-bottom: 5px;
}

.patient-info__list a:hover h2 {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.patient-info {
    position: relative;
    text-align: left;
    padding: 0px 30px 15px 0;
}

.patient-info__list {
    overflow: hidden;
    margin: 0 0;
    display: flex;
}

.patient-info__list li {
    position: relative;
}

.patient-info__list li img {
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

@media (min-width: 1200px) {
    .patient-info__list li img {
        width: 35px;
        height: 35px;
    }
}

.patient-info__list li:nth-child(odd) {
    width: 24px;
    font-size: 0.8125rem;
    color: var(--ksyos-gray-5);
    margin-right: 1rem;
}

@media (min-width: 1200px) {
    .patient-info__list li:nth-child(odd) {
        width: 35px;
    }
}

.patient-info--flex-center {
    align-items: center;
}

.patient-block_info {
    position: relative;
    padding: 0;
}

.patient-block_info li a,
.patient-block_info a {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.875;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (min-width: 1200px) {
    .patient-block_info li a,
    .patient-block_info a {
        width: 180px;
    }
}

@media screen and (min-width: 1366px) {
    .patient-block_info li a,
    .patient-block_info a {
        width: 220px;
    }
}

@media screen and (min-width: 1440px) {
    .patient-block_info li a,
    .patient-block_info a {
        width: 240px;
    }
}

.patient-block_info .btn-container {
    margin-bottom: 1rem;
}

.patient-block_info .btn.outlined {
    padding: 0.5rem 0.75rem;
}

@media (min-width: 1400px) {
    .patient-block_info .btn.outlined {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        padding-left: 1.125rem;
        padding-right: 1.125rem;
    }
}

/* Additional style for Linkbutton */
.patient-block_info .btn.outlined .icon {
    display: none;
    transform: translateY(-2px) translateX(-5px);
    font-size: 11px;
    line-height: 1.063rem;
    vertical-align: middle;
    float: none;
    margin: 0;
}

@media (min-width: 1400px) {
    .patient-block_info .btn.outlined .icon {
        display: inline-block;
    }
}

.patient-details-list {
    margin: 0 0 10px;
}

.patient-details-list li {
    float: left;
}

.patient-details-list li a {
    color: var(--black);
    text-decoration: none;
    font-size: 13px;
    line-height: 1.375rem;
    font-weight: var(--kds-font-weight-normal);
    word-break: break-all;
}

.patient-details-list li:nth-child(odd) {
    width: 75px;
    font-size: 0.8125rem;
    color: var(--ksyos-gray-5);
}

.patient-details-list li:nth-child(even) {
    width: 60%;
    width: calc(100% - 75px);
    color: var(--black);
}

.patient-block_listing {
    position: relative;
    text-align: left;
    padding: 16px 24px;
    border-top: 1px solid var(--ksyos-gray-2);
}

.patient-block_listing:last-of-type {
    margin-bottom: 100px;
}

.patient-block_listing .collapse {
    margin-left: 1rem;
}

.patient-block_listing a {
    font-size: 0.875rem;
    line-height: 2;
}

.patient-block_listing h2 {
    margin-left: 1rem;
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .patient-block_listing h2 {
        margin-left: 1rem;
    }
}

.patient-block_listing > i.icon {
    width: 24px;
    margin-right: 1rem;
    position: absolute;
    left: 0;
    top: 18px;
}

.patient-block_listing > i.icon svg {
    fill: var(--color-primary);
}

@media (min-width: 1200px) {
    .patient-block_listing > i.icon {
        top: 22px;
        width: 35px;
    }
}

.patient-block_listing .btn-dropdown {
    top: 14px;
}

@media (min-width: 1200px) {
    .patient-block_listing .btn-dropdown {
        top: 18px;
    }
}

@media (min-width: 1200px) {
    .patient-block_listing {
        padding: 16px 35px;
    }
}

/* Edge specific styles */
@supports (-ms-accelerator: true) {
    /* Move dropdownbuttons due to scrollbar in patientblock */
    .patient-block .btn-dropdown {
        right: 1rem;
    }
}

/* > IE10 specific styles */
@media all and (-ms-high-contrast: none) {
    /* Move dropdownbuttons due to scrollbar in patientblock */
    .patient-block .btn-dropdown {
        right: 1rem;
    }
}

.search-bar {
    background: #fff;
    padding: 3px 30px;
    border-bottom: 1px solid var(--ksyos-gray-2);
    position: relative;
    z-index: 100;
    transition: all 0.35s ease;
    height: 66px;
}

.search-bar form {
    justify-content: space-between;
    align-items: center;
    flex: 1 0 auto;
    height: 100%;
}

.search-bar form .form-group {
    display: flex;
    align-items: center;
    height: 100%;
}

.search-bar form .form-group input[type='text'] {
    min-width: 200px;
}

@media (min-width: 1200px) {
    .search-bar form .form-group input[type='text'] {
        min-width: 300px;
    }
}

.search-bar form .form-group .btn-close {
    margin-right: 0;
}

.search-bar form .form-group .rw-datetime-picker {
    width: auto;
}

/* React Dropdown */
.select-form-control {
    width: 100%;
}

.select-form-control .Select__control {
    color: var(--black);
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid;
    border-radius: 0;
    border-color: var(--ksyos-gray-3);
    background: transparent;
}

.select-form-control .Select__control:hover,
.select-form-control .Select__control:focus,
.select-form-control .Select__control:active {
    border-color: var(--ksyos-gray-4);
    cursor: pointer;
}

.select-form-control .Select__control--is-disabled {
    opacity: 0.4;
    background-color: transparent;
    pointer-events: none;
    cursor: not-allowed;
}

.select-form-control .Select__control--is-focused {
    border-color: var(--ksyos-gray-4);
}

.select-form-control .Select__value-container {
    font-weight: var(--kds-font-weight-bold);
    padding-left: 0;
}

.select-form-control .Select__placeholder {
    font-family: var(--kds-font-family-base);
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    color: var(--ksyos-gray-4);
    letter-spacing: 0;
}

.select-form-control .Select__menu {
    background-color: var(--white);
    box-shadow: none;
    border: 1px solid var(--ksyos-gray-3);
    border-radius: 0px;
}

.select-form-control .Select__menu-list {
    max-height: 190px;
    padding-top: 0;
    padding-bottom: 0;
}

.select-form-control .Select__option {
    color: var(--black);
    cursor: pointer;
    background-color: var(--white);
}

.select-form-control .Select__option:active {
    background-color: var(--ksyos-gray-4);
}

.select-form-control .Select__option--is-selected {
    background-color: var(--ksyos-gray-3);
}

.select-form-control .Select__option--is-focused {
    background-color: var(--ksyos-gray-2);
}

.select-form-control .Select__option--is-disabled {
    color: var(--ksyos-gray-4);
    pointer-events: none;
    cursor: not-allowed;
}

/* Larger size for use with design system form components */
.select-form-control-ds {
    width: 100%;
}

.select-form-control-ds .Select__control {
    color: var(--black);
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid;
    border-radius: 0;
    border-color: var(--ksyos-gray-3);
    background: transparent;
    min-height: 40px;
}

.select-form-control-ds .Select__control:hover,
.select-form-control-ds .Select__control:focus,
.select-form-control-ds .Select__control:active {
    border-color: var(--ksyos-gray-4);
    cursor: pointer;
}

.select-form-control-ds .Select__control--is-disabled {
    opacity: 0.4;
    background-color: transparent;
    pointer-events: none;
    cursor: not-allowed;
}

.select-form-control-ds .Select__control--is-focused {
    border-color: var(--ksyos-gray-4);
}

.select-form-control-ds .Select__value-container {
    font-weight: var(--kds-font-weight-medium);
    font-size: 1rem;
    padding-left: 0;
}

.select-form-control-ds .Select__single-value {
    margin-left: 0;
}

.select-form-control-ds .Select__placeholder {
    font-family: var(--kds-font-family-base);
    font-weight: var(--kds-font-weight-normal);
    font-size: 1rem;
    color: var(--ksyos-gray-4);
    letter-spacing: 0;
    opacity: 1;
}

.select-form-control-ds .Select__menu {
    background-color: var(--white);
    box-shadow: none;
    border: 1px solid var(--ksyos-gray-3);
    border-radius: 0px;
}

.select-form-control-ds .Select__menu-list {
    max-height: 190px;
    padding-top: 0;
    padding-bottom: 0;
}

.select-form-control-ds .Select__option {
    color: var(--black);
    cursor: pointer;
    background-color: var(--white);
}

.select-form-control-ds .Select__option:active {
    background-color: var(--ksyos-gray-4);
}

.select-form-control-ds .Select__option--is-selected {
    background-color: var(--ksyos-gray-3);
}

.select-form-control-ds .Select__option--is-focused {
    background-color: var(--ksyos-gray-2);
}

.select-form-control-ds .Select__option--is-disabled {
    color: var(--ksyos-gray-4);
    pointer-events: none;
    cursor: not-allowed;
}

/* Custom dropdown options */
.Select__group-option {
    background-color: #fff;
    display: block;
    font-size: inherit;
    padding: 8px 12px 8px 24px;
    width: 100%;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-weight: var(--kds-font-weight-normal);
    color: var(--black);
    cursor: pointer;
}

.Select__group-option.option--is-selected {
    background-color: var(--ksyos-gray-3);
}

.Select__group-option.option--is-focused {
    background-color: var(--ksyos-gray-2);
}

.Select__group-option.option--is-disabled,
.Select__group-option.is-disabled {
    color: var(--ksyos-gray-4);
    pointer-events: none;
    cursor: not-allowed;
}

.Select__group-option:active {
    background-color: var(--ksyos-gray-4);
}

.Select__group-option-blue {
    background-color: #fff;
    display: block;
    font-size: inherit;
    padding: 8px 12px 8px 24px;
    width: 100%;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-weight: var(--kds-font-weight-normal);
    color: var(--black);
    cursor: pointer;
}

.Select__group-option-blue.option--is-focused {
    background-color: #d7e1fb;
    color: var(--black);
}

.Select__group-option-blue.option--is-selected {
    background-color: #003ad6;
    color: #ffffff;
}

.Select__group-option-blue:active {
    background-color: var(--ksyos-gray-4);
}

.Select__group-header {
    background-color: #fff;
    display: block;
    font-size: inherit;
    padding: 8px 12px;
    width: 100%;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-weight: var(--kds-font-weight-bold);
    color: var(--black);
    cursor: pointer;
}

.Select__group-header:not(:first-of-type) {
    box-shadow: inset 0 1px 0 0 var(--ksyos-gray-3);
}

.Select__group-header.option--is-disabled,
.Select__group-header.is-disabled {
    color: var(--ksyos-gray-4);
    pointer-events: none;
    cursor: not-allowed;
}

.Select__group-header-blue {
    background-color: #fff;
    display: block;
    font-size: inherit;
    padding: 8px 12px;
    width: 100%;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-weight: var(--kds-font-weight-bold);
    color: var(--black);
    cursor: pointer;
}

.Select__group-header-blue:not(:first-of-type) {
    box-shadow: inset 0 1px 0 0 var(--ksyos-gray-3);
}

.Select__group-header-blue.option--is-focused {
    background-color: #d7e1fb;
    color: var(--black);
}

.Select__group-header-blue.option--is-selected {
    background-color: #003ad6;
    color: #ffffff;
}

.Select__group-header-blue:active {
    background-color: var(--ksyos-gray-4);
}

.Select__group-header-blue.option--is-disabled,
.Select__group-header-blue.is-disabled {
    color: var(--ksyos-gray-6);
    pointer-events: none;
    cursor: not-allowed;
}

/* Error styles */
.has-danger:not(.multiple-input) .Select__control {
    border-color: var(--ksyos-orange);
}

.has-danger:not(.multiple-input) .Select__control:hover,
.has-danger:not(.multiple-input) .Select__control:focus,
.has-danger:not(.multiple-input) .Select__control:active {
    border-color: var(--ksyos-orange--darken);
}

.has-danger:not(.multiple-input) .Select__control--is-focused {
    border-color: var(--ksyos-orange--darken);
}

.has-danger:not(.multiple-input) .no-danger .Select__control {
    border-color: var(--ksyos-gray-3);
}

.has-danger:not(.multiple-input) .no-danger .Select__control:hover,
.has-danger:not(.multiple-input) .no-danger .Select__control:focus,
.has-danger:not(.multiple-input) .no-danger .Select__control:active {
    border-color: var(--ksyos-gray-3);
}

.has-danger:not(.multiple-input) .no-danger .Select__control--is-focused {
    border-color: var(--ksyos-gray-3);
}

.has-danger:not(.multiple-input) .Select__placeholder {
    color: var(--ksyos-orange);
}

.selected-option .Select__placeholder {
    color: var(--black);
    font-weight: var(--kds-font-weight-bold);
}

.toggle-group {
    display: flex;
    min-width: 100px;
}

.toggle-group__btn {
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}

.toggle-group__btn input[type='radio'],
.toggle-group__btn input[type='checkbox'] {
    opacity: 0;
    position: absolute;
}

.toggle-group__label {
    background-color: #fff;
    border-bottom: 1px solid var(--ksyos-gray-3);
    border-right: 1px solid var(--ksyos-gray-3);
    border-top: 1px solid var(--ksyos-gray-3);
    color: var(--ksyos-gray-4);
    display: block;
    height: 34px;
    min-width: 50px;
    line-height: 31px;
    text-align: center;
    transition: all 0.3s ease-out;
}

/* Border radius on first element */
.toggle-group__btn:first-child .toggle-group__label {
    border-left: 1px solid var(--ksyos-gray-3);
    border-radius: 17px 0 0 17px;
}

/* Border radius on last element */
.toggle-group__btn:last-child .toggle-group__label {
    border-radius: 0 17px 17px 0;
}

/* Styles when selected */
.toggle-group__btn input:checked + .toggle-group__label {
    background-color: var(--ksyos-blue);
    border-bottom-color: var(--ksyos-blue);
    border-top-color: var(--ksyos-blue);
    color: #fff;
}

/* Selected border on first element */
.toggle-group__btn:first-child input:checked + .toggle-group__label {
    border-left-color: var(--ksyos-blue);
}

/* Selected border on last element */
.toggle-group__btn:last-child input:checked + .toggle-group__label {
    border-right-color: var(--ksyos-blue);
}

/* React Typeahead */
.rbt .form-control {
    /* Complete .form-dropdown styles */
    height: calc(2.25rem + 2px);
    box-shadow: none;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--ksyos-gray-3);
    font-size: 0.875rem;
    font-family: var(--kds-font-family-base);
    color: var(--black);
    font-weight: var(--kds-font-weight-bold);
    border-radius: 0;
    padding-left: 0;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjAgMCAxMiA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Ik91dHB1dCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkRlc2t0b3AiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MC4wMDAwMDAsIC05NS4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMTcyMTI4IiBkPSJNODkuNTM1NTMzOSw5NS4yOTI4OTMyIEM4OS45MjYwNTgyLDk0LjkwMjM2ODkgOTAuNTU5MjIzMiw5NC45MDIzNjg5IDkwLjk0OTc0NzUsOTUuMjkyODkzMiBDOTEuMzQwMjcxOCw5NS42ODM0MTc1IDkxLjM0MDI3MTgsOTYuMzE2NTgyNSA5MC45NDk3NDc1LDk2LjcwNzEwNjggTDg2Ljc3NzgxNzUsMTAwLjg3OTAzNyBDODYuMzQ4MjQwNywxMDEuMzA4NjE0IDg1LjY1MTc1OTMsMTAxLjMwODYxNCA4NS4yMjIxODI1LDEwMC44NzkwMzcgTDgxLjA1MDI1MjUsOTYuNzA3MTA2OCBDODAuNjU5NzI4Miw5Ni4zMTY1ODI1IDgwLjY1OTcyODIsOTUuNjgzNDE3NSA4MS4wNTAyNTI1LDk1LjI5Mjg5MzIgQzgxLjQ0MDc3NjgsOTQuOTAyMzY4OSA4Mi4wNzM5NDE4LDk0LjkwMjM2ODkgODIuNDY0NDY2MSw5NS4yOTI4OTMyIEw4Niw5OC44Mjg0MjcxIEw4OS41MzU1MzM5LDk1LjI5Mjg5MzIgWiIgaWQ9Imljb24tY2FyZXQtLWRvd24iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: right 11px center;
}

.rbt .form-control[disabled],
.rbt .form-control.disabled {
    opacity: 0.4;
    background-color: transparent;
    pointer-events: none;
}

.rbt .form-control:focus {
    box-shadow: none;
    background-color: transparent;
    border-color: var(--ksyos-gray-4);
}

.rbt .form-control.pristine {
    font-weight: var(--kds-font-weight-normal);
    font-size: 14px;
    letter-spacing: 0;
    color: var(--ksyos-gray-4);
}

.rbt .rbt-menu {
    border-radius: 0px;
    background-color: var(--white);
    border: 1px solid var(--ksyos-gray-3);
    box-shadow: none;
    box-sizing: border-box;
    margin-top: -1px;
    max-height: 200px;
    position: absolute;
    top: 100%;
    min-width: 100%;
    width: auto !important;
    z-index: 1;
    padding: 0px;
    -webkit-overflow-scrolling: touch;
}

.rbt .rbt-menu li {
    box-sizing: border-box;
    background-color: var(--white);
    color: var(--black);
    border-radius: 2px;
}

.rbt .rbt-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}

.rbt .rbt-menu li a {
    font-size: 15px;
    letter-spacing: 0;
    color: var(--black);
    cursor: pointer;
    text-decoration: none;
    padding: 0px 19px;
    height: 40px;
    line-height: 40px;
}

.rbt .rbt-menu li a mark {
    padding: 0px;
    background-color: transparent;
}

.rbt .rbt-menu li a:hover {
    background-color: var(--ksyos-gray-1);
}

.rbt .rbt-menu li a.disabled {
    cursor: default;
    background-color: var(--ksyos-gray-1);
    pointer-events: none;
}

.diary {
    display: flex;
    background: #f5f6f4;
}

.diary.has-divider {
    height: 300px;
    margin-bottom: 2rem;
}

.diary__column {
    flex: 1;
    padding: 1rem;
}

.diary__text {
    padding: 1rem;
    flex-grow: 1;
}

.diary__text img {
    max-width: 100%;
    height: auto;
}

.diary h3 {
    font-size: 1.125rem;
}

.diary h2,
.diary h3 {
    margin-bottom: 1rem;
}

.diary p {
    line-height: 1.375rem;
}

.diary .btn {
    margin: 1rem 0;
}

.diary .qr-code {
    width: 138px;
}

.diary .qr-code img {
    max-width: 100%;
    height: auto;
}

.diary .divider {
    position: relative;
    flex: 0 0 auto;
    width: 1px;
    height: calc(100% - 2rem);
    border: 1px solid #ddd;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 1rem;
}

.diary .divider span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f5f6f4;
    padding: 0.5rem;
}

.img-selection__label {
    width: 138px;
    display: inline-block;
    cursor: pointer;
}

.img-selection__label:hover img {
    box-shadow: 0 0 0 3px var(--color-primary--lighten);
}

.img-selection img {
    display: inline-block;
    max-width: 100%;
    transition: all 0.4s ease-out;
    pointer-events: none;
}

.img-selection__text-label {
    text-align: center;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.img-selection__text-label span {
    display: block;
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
    letter-spacing: 0;
    line-height: 22px;
    font-weight: var(--kds-font-weight-normal);
    white-space: pre-wrap;
    word-break: break-word;
    padding: 0.25rem 0.25rem;
}

.img-selection__input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.img-selection__input:checked + img {
    box-shadow: 0 0 0 3px var(--color-secondary);
}

.collapsible {
    margin-bottom: 5px;
}

.collapsible .collapse-bar {
    width: 100%;
    background: var(--ksyos-gray-1);
    line-height: 1.5;
    padding: 0.75rem;
    cursor: pointer;
    transition: all ease 0.2s;
    display: flex;
    align-items: center;
}

.collapsible .collapse-bar:hover {
    background: var(--ksyos-gray-2);
}

.collapsible .collapse-bar .collapse-header {
    display: inline-block;
    font-weight: 700;
    flex: 1;
}

.collapsible .collapse-bar .collapse-sub-header {
    font-weight: 400;
}

.collapsible .collapse-body {
    width: 100%;
    margin-top: 2px;
    background: var(--ksyos-gray-1);
}

.collapsible.has-danger {
    color: var(--ksyos-orange);
}

.no-background .collapse-bar {
    background: none;
}

.no-background .collapse-body {
    background: none;
}

.full-screen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: white;
}

.full-screen .close-full-screen {
    position: absolute;
    top: 20px;
    right: 20px;
}

.asset-thumbnails {
    margin-bottom: 0;
    gap: 4px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
}

@media (min-width: 1024px) {
    .asset-thumbnails {
        gap: 8px;
        flex-direction: column;
    }
}

.asset-thumbnails .thumbnail {
    height: 64px;
    width: 64px;
    padding: 0;
    position: relative;
    overflow: hidden;
}

@media (min-width: 1024px) {
    .asset-thumbnails .thumbnail {
        height: 128px;
        width: 128px;
    }
}

.asset-thumbnails .thumbnail__link {
    overflow: hidden;
    position: relative;
}

.asset-thumbnails .thumbnail.selected {
    border: 2px solid var(--ksyos-magenta);
    border-radius: 5px;
}

.zoomable-image {
    width: 100%;
    height: 100%;
}

.btn-icon {
    background-color: #fff;
    border: 1px solid var(--ksyos-blue);
    color: var(--ksyos-blue);
    cursor: pointer;
    justify-content: center;
    padding-bottom: calc(0.375em - 1px);
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: calc(0.375em - 1px);
    text-align: center;
    white-space: nowrap;
    border-radius: 16px;
    box-shadow: none;
    font-size: 1rem;
    line-height: 1;
}

.btn-icon:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px;
}

.btn-icon:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-icon:last-child {
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}

.btn-icon:first-child {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}

.image-viewer-app {
    height: 100%;
}

.pagination .btn-icon {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
}
.pagination .btn-icon:focus {
    outline: none;
}
.pagination .btn-icon:hover {
    cursor: pointer;
    background: var(--ksyos-gray-2);
}

.pagination .btn-icon svg {
    fill: var(--ksyos-gray-5);
    transition: all 0.2s ease;
}

.pagination .btn-icon:hover {
    background: var(--ksyos-gray-3);
}

.pagination .btn-icon:hover svg {
    fill: var(--ksyos-gray-6);
}

.pagination .btn-icon:focus {
    background: var(--ksyos-gray-2);
}

.pagination .btn-icon:focus svg {
    fill: var(--ksyos-gray-6);
}

.pagination li {
    list-style-type: none;
    display: inline-block;
}

.pagination li:not(:last-of-type) {
    margin-right: 8px;
}

.pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-decoration: none;
    color: var(--ksyos-gray-5);
    font-weight: var(--kds-font-weight-medium);
}

.pagination a:hover {
    background: var(--ksyos-gray-3);
}

.pagination .ellipsis {
    vertical-align: baseline;
    line-height: 30px;
}

.pagination .current a {
    pointer-events: none;
    cursor: auto;
    color: var(--white);
    background-color: var(--ksyos-blue);
}

.pagination .disabled .btn-icon {
    background: var(--ksyos-gray-2);
    pointer-events: none;
    cursor: auto;
}

.pagination .disabled .btn-icon svg {
    fill: var(--ksyos-gray-3);
}

/* ==========================================================================
Form templates
========================================================================== */
form.flex {
    display: flex;
    justify-content: flex-end;
}

form a,
form .link {
    color: var(--color-secondary);
    font-size: 0.875rem;
    line-height: 1.857rem;
}

form a:active,
form a:focus,
form a:hover,
form .link:active,
form .link:focus,
form .link:hover {
    color: var(--color-secondary);
}

form a svg,
form .link svg {
    fill: var(--color-secondary);
}

form.has-overlay {
    position: relative;
}

/* collapse-wrapper */
.collapse-wrapper {
    background-color: var(--white);
    margin: 0 0 1rem;
    box-shadow: var(--kds-box-shadow-base);
}

.collapse-wrapper .form-group .dropzone-container {
    margin-bottom: 0;
}

.collapse-wrapper .form-group .input-group {
    margin-bottom: 0;
    float: left;
}

.collapse-wrapper .form-group .input-group p {
    font-weight: var(--kds-font-weight-bold);
}

.collapse-wrapper .form-group .input-group .input-columns p {
    font-weight: var(--kds-font-weight-normal);
}

.collapse-wrapper .form-group .form-list p {
    font-weight: var(--kds-font-weight-bold);
}

.collapse-wrapper .form-group.has-margin {
    margin: 0 0 40px;
}

.collapse-wrapper .form-group.has-margin .btn {
    margin-right: 27px;
}

.collapse-wrapper .form-group.has-margin p {
    line-height: 2rem;
}

.collapse-wrapper.is-previous {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--ksyos-gray-1);
}

.collapse-wrapper.is-previous:before {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 18%27 fill=%27%23A69A91%27%3E%3Cpath d=%27M10.02121816 3.95000755c.39052376-.39052376 1.0236898-.39052376 1.41421356 0 .39052447.39052447.39052376 1.0236898 0 1.41421356l-6.01040764 6.01040764c-.19526259.19526259-.19526188.5118449 0 .70710678.19526259.19526259.5118442.19526259.70710678 0L12.1425385 6.0713279c.78104823-.78104823.78104894-2.04737819 0-2.82842712-.78104823-.78104823-2.0473789-.78104823-2.82842712 0L3.30370374 9.2533084c-1.36683529 1.36683528-1.36683458 3.58291289 0 4.94974747 1.36683528 1.36683528 3.58291218 1.36683528 4.94974747 0l6.01040764-6.01040764c.39052376-.39052377 1.0236898-.39052377 1.41421356 0 .39052447.39052446.39052376 1.0236898 0 1.41421356l-6.01040764 6.01040764c-2.14788352 2.14788351-5.63029108 2.14788351-7.7781746 0-2.14788351-2.14788352-2.14788351-5.63029108 0-7.7781746L7.89989783 1.8286872c1.56209716-1.56209716 4.09475708-1.56209716 5.65685424 0 1.56209717 1.56209717 1.56209717 4.09475709 0 5.65685425L7.54634442 13.4959491c-.97631081.97631082-2.55922308.97631082-3.5355339 0-.97631082-.97631081-.97631082-2.55922308 0-3.5355339l6.01040764-6.01040764z%27/%3E%3C/svg%3E%0A")
        no-repeat;
    background-size: contain;
}

.collapse-wrapper.is-previous:after {
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    background: #fff;
}

/* full-height */
.form-full-height {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
    background: var(--ksyos-gray-3);
}

.form-full-height.login-container .form-container.full-height {
    min-height: 100vh;
}

/* form-container */
.form-container {
    margin-bottom: 0;
    padding: 0 24px 24px;
    border: 0;
    background: var(--white);
    position: relative;
}

@media (min-width: 576px) {
    .form-container {
        padding: 0 50px 20px 70px;
    }
}

.form-container:not(.no-border-top):not(:first-of-type) {
    border-top: 1px solid var(--ksyos-gray-1);
}

.form-container.administrative-activity {
    border: 1px solid #00adf8;
}

.form-container.active-activity {
    box-shadow: 0 15px 24px 0 rgba(219, 213, 208, 0.3);
    border-left: 3px solid #003ad6;
}

.form-container:empty {
    padding: 0;
}

.form-container .form-collapse {
    margin: 0;
}

.form-container .form-collapse:not(:last-of-type) {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.form-container .form-collapse .divider {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-container.editable .form-group .input-group {
    margin-bottom: 20px;
    float: right;
}

.form-container.editable .input-group--multiple:first-of-type {
    margin-bottom: 20px;
}

.form-container.full-height {
    margin-bottom: 0px;
    position: relative;
    top: 0px;
    left: -20px;
    width: 560px;
    padding: 100px 0px 100px 100px;
    border-radius: 0;
    border: 0;
    height: auto;
    min-height: 100%;
    z-index: 1;
}

.form-container.full-height .logo {
    margin-bottom: 130px;
    height: 86px;
    width: auto;
}

.form-container.full-height h1 {
    margin-bottom: 10px;
}

.form-container.full-height .btn-submit {
    margin-top: 70px;
    margin-bottom: 20px;
}

.form-container.full-height form {
    max-width: 350px;
}

.form-container.full-height:after {
    content: '';
    height: 100%;
    width: 100%;
    right: calc(-100% + 1px);
    background: url('/assets/images/beeldmerk_WhiteA_HR.png') no-repeat;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.form-container .divider {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.form-container h3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
}

.form-container h3.has-danger,
.form-container h3.has-success,
.form-container h3.has-warning {
    font-size: 0.875rem;
    margin-bottom: 30px;
}

.form-container h3.has-danger {
    color: var(--color-danger);
}

.form-container h3.has-success {
    color: var(--color-success);
}

.form-container h3.has-warning {
    color: var(--color-warning);
}

.form-container textarea.form-control {
    padding-top: 9px;
}

.form-container .btn-container {
    margin-top: 32px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

@media (max-width: 576px) {
    .form-container .btn-container {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}

/* Recorders component */
.recorders {
    background-color: var(--white);
    margin-bottom: 50px;
    border-radius: 3px;
    position: relative;
    padding: 1rem 2rem;
}

.recorders .progress-container {
    width: 100%;
    display: flex;
}

.recorders .progress-container .progress {
    height: 10px;
    width: 100%;
}

.recorders .form-list {
    overflow: hidden;
    margin-bottom: 0px;
    transform: translateY(-12px);
}

.recorders.in-modal {
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

.recorders.in-modal .progress-container {
    width: 100%;
}

.recorders.in-modal .progress-container .progress {
    height: 10px;
    width: 100%;
}

.recorders.in-modal .progress-container span {
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.875rem;
}

.recorders.in-modal p {
    font-weight: var(--kds-font-weight-bold);
    font-size: 1rem;
    line-height: normal;
    margin-bottom: 1rem;
}

.recorders.in-modal .icon {
    width: 24px;
    height: 25px;
}

/* Input groups and input group multiple */
.input-group--multiple {
    float: right;
    width: calc(100% - 180px);
    display: block;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

@media (min-width: 1400px) {
    .input-group--multiple {
        width: calc(100% - 255px);
    }
}

.input-group--multiple:focus {
    outline: 0;
}

.input-group--multiple.multiple .columns {
    padding: 0;
}

.input-group--multiple span,
.input-group--multiple .link {
    flex: 0 0 auto;
}

.input-group--multiple .link {
    color: var(--ksyos-blue);
}

.input-group--multiple p + .link {
    padding-left: 10px;
}

.input-group--multiple small.form-text {
    position: relative;
    margin-top: 0px;
    font-size: 0.875rem;
    color: var(--ksyos-gray-5);
    letter-spacing: 0;
    line-height: 17px;
}

.input-group--multiple label.btn-secondary,
.input-group--multiple a.btn-secondary {
    width: auto;
    display: inline-block;
    float: none;
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.75rem;
}

.input-group--multiple.input-group--single {
    float: right;
    width: calc(100% - 255px);
    display: block;
}

.input-group--multiple.input-group--fullwidth {
    width: 100%;
}

.input-group--multiple.input-group--doublesearch {
    display: flex;
    justify-content: space-between;
}

.input-group--multiple.input-group--doublesearch .badge {
    margin: 9px 20px;
    float: left;
}

.input-group--multiple.input-group--doublesearch input {
    float: left;
    margin-bottom: 40px;
}

.input-group--multiple.radiobutton-group {
    flex-wrap: wrap;
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended {
    min-height: 92px;
    border: 1px solid var(--ksyos-gray-2);
    border-radius: 3px;
    padding: 5px 0px 10px 20px;
    margin: 0px;
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended:not(:last-of-type) {
    margin-bottom: 10px;
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended .custom-radio.form-check-label {
    margin: 0px;
    width: 100%;
    padding-left: 39px;
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended figure {
    margin: 0px;
    margin-right: 20px;
    background-size: cover;
    background-position: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    float: left;
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended .custom-control-input,
.input-group--multiple.radiobutton-group.radiobutton-group--extended .custom-control-indicator {
    transform: translateY(16px);
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended span {
    transform: translateY(4px);
    font-size: 0.8125rem;
    line-height: 20px;
    float: left;
    font-weight: var(--kds-font-weight-normal);
    color: var(--ksyos-gray-5);
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended span strong {
    display: block;
    font-weight: var(--kds-font-weight-bold);
    color: var(--black);
}

.input-group--multiple.radiobutton-group.radiobutton-group--extended .detail {
    float: none;
    transform: none;
    position: absolute;
    bottom: 0px;
    right: 30px;
}

.input-group--multiple.radiobutton-group:not(.vertical) .custom-control-description {
    white-space: nowrap;
}

.input-group--multiple.vertical {
    width: 100%;
    display: block;
}

.input-group--multiple.vertical .custom-radio {
    float: none;
}

/* Input-columns */
.form-label + .input-columns .row .columns:first-of-type {
    padding-left: 0px;
}

.input-columns {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.input-columns .row:first-of-type .form-label.small {
    margin-bottom: 17px;
}

.input-columns p {
    margin: 0px;
}

.input-columns .icon-link {
    display: inline-block;
    margin-top: 13px;
}

.input-columns.padding {
    padding-left: 30px;
    transform: translateY(+3px);
    width: 100%;
}

.input-columns.padding .rw-datetime-picker .rw-widget-picker {
    width: 100%;
    display: flex;
}

.input-columns.padding .rw-datetime-picker .rw-widget-picker input[type='text'] {
    width: calc(100% - 44px);
    height: 100%;
}

.input-columns .rw-datetime-picker + .btn-secondary {
    margin: 0px;
}

.input-columns .field.prepend-icon {
    transform: translateY(-10px);
    float: left;
}

.input-columns .field.prepend-icon + .btn {
    margin-left: 15px;
}

.input-columns .field.prepend-icon + .icon-link {
    margin-left: 15px;
}

.input-columns .field.prepend-icon + .form-label {
    margin-right: 20px;
    float: right;
}

.input-columns span {
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
}

.input-columns span.padding {
    margin: 0 0 0 29px;
}

.input-columns .columns .link {
    margin-top: 10px;
    display: inline-block;
}

.input-columns .columns .link:not(:last-of-type) {
    margin-right: 10px;
}

.input-columns .columns .float-left {
    margin: 0;
}

/* Input-container */
.input-container {
    width: 100%;
    min-width: 50px;
    display: flex;
}

.input-container.questions {
    display: flex;
}

.input-container.questions .custom-radio {
    display: block;
}

.input-container.questions .switch {
    margin: 0 20px 0 0;
}

.input-container.input-medium {
    display: flex;
    align-items: center;
}

.input-container:not(:last-of-type) {
    margin-right: 10px;
}

/* Form-list */
.form-list {
    padding: 0px;
    list-style-type: none;
}

.form-list li p {
    float: left;
    width: calc(100% - (255px + 20px));
    display: block;
    margin: 0px;
    font-weight: var(--kds-font-weight-bold);
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 30px;
    white-space: nowrap;
    line-height: 38px;
}

.form-list.overview li {
    line-height: 2rem;
    font-size: 0.875rem;
}

.form-list.overview li:first-of-type {
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
}

/* Form-search */
.form-search,
input[type='search'] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICA8cGF0aCBkPSJNODkuMzE5ODU3NCw0NDYuOTA1NjQ0IEw5MS43MDcxMDY4LDQ0OS4yOTI4OTMgQzkyLjA5NzYzMTEsNDQ5LjY4MzQxOCA5Mi4wOTc2MzExLDQ1MC4zMTY1ODIgOTEuNzA3MTA2OCw0NTAuNzA3MTA3IEM5MS4zMTY1ODI1LDQ1MS4wOTc2MzEgOTAuNjgzNDE3NSw0NTEuMDk3NjMxIDkwLjI5Mjg5MzIsNDUwLjcwNzEwNyBMODcuOTA1NjQzOSw0NDguMzE5ODU3IEM4Ni41NTA5NjAxLDQ0OS4zNzI5MTggODQuODQ4NzExNSw0NTAgODMsNDUwIEM3OC41ODE3MjIsNDUwIDc1LDQ0Ni40MTgyNzggNzUsNDQyIEM3NSw0MzcuNTgxNzIyIDc4LjU4MTcyMiw0MzQgODMsNDM0IEM4Ny40MTgyNzgsNDM0IDkxLDQzNy41ODE3MjIgOTEsNDQyIEM5MSw0NDMuODQ4NzExIDkwLjM3MjkxODQsNDQ1LjU1MDk2IDg5LjMxOTg1NzQsNDQ2LjkwNTY0NCBaIE04Myw0NDggQzg2LjMxMzcwODUsNDQ4IDg5LDQ0NS4zMTM3MDggODksNDQyIEM4OSw0MzguNjg2MjkyIDg2LjMxMzcwODUsNDM2IDgzLDQzNiBDNzkuNjg2MjkxNSw0MzYgNzcsNDM4LjY4NjI5MiA3Nyw0NDIgQzc3LDQ0NS4zMTM3MDggNzkuNjg2MjkxNSw0NDggODMsNDQ4IFogTTg4LDQ0MiBDODgsNDQyLjU1MjI4NSA4Ny41NTIyODQ3LDQ0MyA4Nyw0NDMgQzg2LjQ0NzcxNTMsNDQzIDg2LDQ0Mi41NTIyODUgODYsNDQyIEM4Niw0NDAuMzQzMTQ2IDg0LjY1Njg1NDIsNDM5IDgzLDQzOSBDODIuNDQ3NzE1Myw0MzkgODIsNDM4LjU1MjI4NSA4Miw0MzggQzgyLDQzNy40NDc3MTUgODIuNDQ3NzE1Myw0MzcgODMsNDM3IEM4NS43NjE0MjM3LDQzNyA4OCw0MzkuMjM4NTc2IDg4LDQ0MiBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzUgLTQzNCkiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: right 1px center;
}

/* Reaction component */
.reaction {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 0 50px 0 0;
}

.reaction__author {
    display: flex;
    align-items: center;
    width: 180px;
    margin: 0;
    margin-right: 20px;
}

.reaction__author .icon {
    margin: 0 0 1rem 0;
}

.reaction__author p {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    line-height: 1.857rem;
    margin-bottom: 1rem;
}

@media (min-width: 1400px) {
    .reaction__author {
        width: 255px;
    }
}

.reaction__message {
    width: calc(100% - (180px + 20px));
    position: relative;
    background: var(--ksyos-gray-1);
    border: 1px solid var(--ksyos-gray-3);
    border-radius: 3px;
    padding: 7px 40px 14px 20px;
}

.reaction__message:before {
    content: '';
    position: absolute;
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjExcHgiIHZpZXdCb3g9IjAgMCA3IDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC0xIiBwb2ludHM9IjAuMTE5NTc0MjAxIDQuNTk0ODM5MjEgNi4yOTc4ODc0OSAwLjE5ODUwNjM5OCA2LjI5Nzg4NzQ5IDguOTE5MjI0OTkiPjwvcG9seWdvbj4KICAgICAgICA8cG9seWdvbiBpZD0icGF0aC0yIiBwb2ludHM9IjEuNzgxMTU2OTkgNC42MDQxNjY2NyA2LjM0MDQ2OTM2IDEuMzgwOTA1MTUgNi4zNDA0NjkzNiA3LjgyODk0ODk3Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iMS4xLjItWm9yZ3BhZC1QdWxtbyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjEuMS4yLVpvcnBhZC1QdWxtby9DLjItQ29uc3VsdC1yZWFkLW9ubHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00OTcuMDAwMDAwLCAtMjIwMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0OTcuMDAwMDAwLCAyMjAxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS01Ij4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGw9IiNGNEY0RjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggc3Ryb2tlPSIjREJENUQwIiBzdHJva2Utd2lkdGg9IjEiIGQ9Ik0wLjk4NjcxNDQ5Nyw0LjU5MTQ2ODkxIEw1Ljc5Nzg4NzQ5LDcuOTU4OTUyNDEgTDUuNzk3ODg3NDksMS4xNjc5NTg4NSBMMC45ODY3MTQ0OTcsNC41OTE0Njg5MSBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8dXNlIGlkPSJSZWN0YW5nbGUtNSIgZmlsbD0iI0Y0RjRGMiIgeGxpbms6aHJlZj0iI3BhdGgtMiI+PC91c2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat;
    width: 7px;
    height: 9px;
    top: 50%;
    left: -6px;
    transform: translateY(-50%);
}

.reaction__message p {
    margin-bottom: 0;
}

.reaction__message span {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    color: var(--ksyos-gray-4);
    margin-top: 1px;
    font-size: 12px;
}

.reaction__message:not(:first-of-type) {
    margin-bottom: 20px;
}

@media (min-width: 1400px) {
    .reaction__message {
        width: calc(100% - (255px + 20px));
    }
}

/* Button group anamnesis */
.btn-group__anamnesis-buttons {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}

/* Read only input groups with multiple values on 1 line */
.input-group--multiple.is-inline .input-container {
    /* form-control mixin equivalent */
    height: auto;
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

.input-group--multiple.is-inline span {
    display: inline-block;
    padding-right: 0.5rem;
}

.navigation-container {
    height: var(--nav-height);
    position: static;
    z-index: 0;
    transition: height 0.35s ease;
}

.navigation-container.open {
    height: calc(2 * var(--nav-height));
}

.navigation-container.admin {
    height: calc(2 * var(--nav-height));
}

.navigation-container.admin.open {
    height: calc(3 * var(--nav-height));
}

.navigation-container.breadcrumbs {
    height: calc(2 * var(--nav-height) + 70px);
}

.navigation-container .navigation-container__fixed {
    position: fixed;
    z-index: 999;
}

.navigation-bar {
    background-color: var(--white);
    border-bottom: 1px solid var(--ksyos-gray-2);
    width: 100vw;
    height: var(--nav-height);
    padding: 0px;
}

.navigation-bar .navigation__logo {
    transform: translateY(4px);
    height: 32px;
    width: auto;
}

.navigation-bar .nav {
    height: 100%;
}

/* Add different padding for logo nav-item */
.navigation-bar .nav.float-left .nav-item:first-of-type .nav-link {
    width: 120px;
}

@media (min-width: 1400px) {
    .navigation-bar .nav.float-left .nav-item:first-of-type {
        padding: 30px 65px 35px 25px;
    }
}

/* Only used in acceptance and test environments */
.navigation-bar .nav.float-left .nav-item span {
    color: var(--ksyos-orange);
    font-weight: 700;
    font-size: 0.75rem;
}

.navigation-bar .nav.float-left .nav-item:last-of-type {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 1400px) {
    .navigation-bar .nav.float-left .nav-item {
        font-size: 0.875rem;
    }
}

.navigation-bar .nav.float-right .nav-item {
    border-left: 0;
    border-right: 0;
}

.navigation-bar .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 15px;
    height: 100%;
    position: relative;
}

@media (min-width: 1400px) {
    .navigation-bar .nav-item {
        padding: 30px 25px 30px 25px;
    }
}

.navigation-bar .nav-item.active .nav-link {
    color: var(--color-primary);
}

.navigation-bar .nav-item.active .nav-link .icon svg {
    fill: var(--color-primary);
}

.navigation-bar .nav-link {
    padding: 0.5rem;
    color: var(--black);
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    letter-spacing: 0;
    text-decoration: none;
}

.navigation-bar .nav-link .icon {
    transform: translateY(2px) translateX(-6px);
}

.navigation-bar .nav-link .icon svg {
    fill: var(--black);
}

.navigation-bar .nav-link:hover,
.navigation-bar .nav-link.active {
    background-color: transparent;
    color: var(--color-primary);
}

.navigation-bar .nav-link:hover .icon svg,
.navigation-bar .nav-link.active .icon svg {
    fill: var(--color-primary);
}

/* Dropdown account */
.dropdown--account {
    padding: 0;
    position: unset;
}

.dropdown--account.show .icon.icon-caret {
    transform: translateY(0) translateX(0.5px);
}

/* Clickable dropdown toggle area */
.dropdown--account .dropdown-toggle {
    background-color: var(--white);
    position: relative;
    z-index: 1;
    border-radius: 0px;
    height: 64px;
    max-height: 100%;
    width: auto;
    padding: 0px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    margin: 0;
}

.dropdown--account .dropdown-toggle:hover,
.dropdown--account .dropdown-toggle:active,
.dropdown--account .dropdown-toggle:focus {
    box-shadow: none;
}

.dropdown--account .dropdown-toggle:hover {
    cursor: pointer;
}

.dropdown--account .dropdown-toggle:after {
    display: none;
}

/* Icon */
.dropdown--account .icon-male-care-provider,
.dropdown--account .icon.icon-female-care-provider {
    width: 35px;
    min-width: 35px;
    height: 35px;
}

.dropdown--account .icon-male-care-provider svg,
.dropdown--account .icon.icon-female-care-provider svg {
    width: 18px;
    height: 18px;
}

@media screen and (min-width: 1200px) {
    .dropdown--account .icon-male-care-provider,
    .dropdown--account .icon.icon-female-care-provider {
        margin-right: 1rem;
    }
}

/* Credentials */
.dropdown--account .dropdown__inner {
    float: left;
    text-align: left;
    display: none;
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.75rem;
    color: var(--ksyos-gray-4);
    letter-spacing: 0.25px;
    line-height: 18px;
}

.dropdown--account .dropdown__inner strong {
    font-weight: var(--kds-font-weight-normal);
    color: var(--black);
    display: block;
    letter-spacing: 0;
}

@media screen and (min-width: 1200px) {
    .dropdown--account .dropdown__inner {
        display: block;
    }
}

/* Dropdown caret */
.dropdown--account .btn-dropdown {
    background: none;
    cursor: pointer;
}

.dropdown--account .btn-dropdown .icon-caret {
    transform: translateY(0) translateX(0.5px) rotate(-180deg);
    height: 100%;
}

@media screen and (min-width: 1200px) {
    .dropdown--account .btn-dropdown {
        background: var(--ksyos-gray-2);
        margin: 0 0 0 0.75rem;
    }
}

/* Todo CS-8370: remove */
.dropdown--account .dropdown-menu.dropdown-current-version {
    width: 300px;
    left: 4px !important;
    margin: 0px;
    background-color: var(--white);
    border-top: 1px solid var(--ksyos-gray-2);
    box-shadow: 0 2px 4px 0 rgba(23, 33, 40, 0.05);
    border-radius: 0px 0px 3px 3px;
    border: 0px;
    padding: 22px 40px 18px 40px;
}

.dropdown--account .dropdown-menu.dropdown-current-version:before {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(22, 33, 41, 0.05) 96%);
}

.dropdown--account .dropdown-menu.dropdown-current-version ul {
    padding: 0px;
    list-style: none;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul:not(:last-of-type) {
    margin: 0 0 20px;
    border-bottom: 1px solid var(--ksyos-gray-2);
    padding-bottom: 18px;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.75rem;
    color: var(--ksyos-gray-4);
    letter-spacing: 0;
    line-height: 32px;
    position: relative;
    text-decoration: none;
    padding-bottom: 10px;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li .icon {
    margin: 0 7px -3px 0;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li .icon svg {
    fill: var(--ksyos-gray-4);
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item {
    font-weight: var(--kds-font-weight-normal);
    color: var(--black);
    padding: 0px;
    position: relative;
    text-decoration: none;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item:hover,
.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item:focus,
.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item:active {
    color: var(--color-primary);
    background-color: transparent;
    transition: all 0.2s ease;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item:hover .icon svg,
.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item:focus .icon svg,
.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item:active .icon svg {
    fill: var(--color-primary);
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li .dropdown-item .icon {
    margin-right: 10px;
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li.active a.dropdown-item {
    color: var(--color-primary);
    font-weight: var(--kds-font-weight-bold);
}

.dropdown--account .dropdown-menu.dropdown-current-version ul li.active a.dropdown-item .icon svg {
    fill: var(--color-primary);
}

.dropdown--account .dropdown-menu.dropdown-current-version ul.language li a {
    padding: 0;
}

@media screen and (min-width: 1200px) {
    .dropdown--account .dropdown-menu.dropdown-current-version {
        width: 100%;
        top: 0px;
        transform: translate3d(0px, var(--nav-height), 0px) !important;
    }
}

table.table {
    border-spacing: 0 10px;
    border-collapse: separate;
    z-index: 0;
}

table.table thead tr th {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
    border-bottom: 0;
    border-top: 0;
}

table.table thead tr th:first-of-type {
    padding-left: 1.25rem;
}

table.table thead tr th label.custom-checkbox {
    margin: 12px 0 0 8px;
}

table.table thead tr td {
    border-top: 0px;
}

table.table thead.narrow th {
    padding: 0 0.75rem;
}

table.table tbody tr {
    border-radius: 3px;
    margin: 0 0 10px;
}

table.table tbody tr td {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    color: var(--black);
    background: var(--white);
    border-top: 1px solid #f4f4f2;
    border-bottom: 1px solid #f4f4f2;
    vertical-align: middle;
    padding-bottom: 1.188rem;
    padding-top: 1.313rem;
}

table.table tbody tr td:first-of-type {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #f4f4f2;
    padding-left: 1.688rem;
}

table.table tbody tr td:last-of-type {
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #f4f4f2;
    padding-right: 1.688rem;
}

@media (max-width: 1199.98px) {
    table.table tbody tr td:last-of-type .rw-popup-container {
        left: auto;
        right: 0;
    }
}

table.table tbody tr td.lighten {
    color: var(--ksyos-gray-5);
}

table.table tbody tr td.end {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

table.table tbody tr td .icon-link:not(:last-of-type) {
    margin-right: 10px;
}

table.table tbody tr td .icon {
    margin-right: 10px;
}

table.table tbody tr td .icon.icon-edit {
    margin: 0px;
    color: var(--color-primary);
    transform: translateY(0);
}

table.table tbody tr td .icon.icon-exit {
    width: 16px;
    height: 16px;
    margin: 0px;
    color: var(--color-primary);
    transform: translateY(0);
}

table.table tbody tr td i {
    transform: translateY(3px);
}

table.table tbody tr td .input-columns label.custom-checkbox .custom-control-input,
table.table tbody tr td .input-columns label.custom-checkbox .custom-control-indicator {
    transform: none;
}

table.table tbody tr td label.form-label {
    transform: translateY(0);
}

table.table tbody tr td a {
    text-decoration: none;
}

table.table tbody tr td a > span {
    /* link styles */
    color: var(--color-primary);
    text-decoration: underline;
    font-size: 0.75rem;
    text-decoration: none;
}

table.table tbody tr td a:hover {
    text-decoration: underline;
}

table.table.table-hover tr:hover td {
    border-color: var(--ksyos-gray-4);
    cursor: pointer;
}

table.table.table-hover tr:hover td .icon-star:before {
    color: var(--color-star);
}

table.table.table-hover .select-row {
    transition: 0.2s all ease-out;
}

table.table.table-hover .select-row td {
    border-color: var(--ksyos-gray-3);
}

table.table.table-hover .select-row td:first-of-type {
    border-color: var(--ksyos-gray-3);
}

table.table.table-hover .select-row td:last-of-type {
    border-color: var(--ksyos-gray-3);
}

table.table.table-hover .select-row:hover td {
    border-color: var(--ksyos-blue);
}

table.table.table-hover .select-row.selected td {
    border-color: var(--ksyos-blue);
}

table.table.table-hover .select-row.selected td:first-of-type {
    border-color: var(--ksyos-blue);
}

table.table.table-hover .select-row.selected td:last-of-type {
    border-color: var(--ksyos-blue);
}

table.table.table-hover .select-row.selected:hover td {
    border-color: var(--ksyos-blue);
}

table.table.bg td {
    background: var(--ksyos-gray-1);
    position: relative;
}

table.table.bg td .icon-star {
    position: absolute;
    top: -1px;
    right: 30px;
    margin: 0;
}

table.table.admin {
    border-spacing: 0 5px;
}

table.table.admin thead tr th {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 38px;
}

table.table.admin tbody tr td {
    padding-bottom: 0.188rem;
    padding-top: 0.313rem;
}

table.table.admin tbody tr td.left-border {
    border-left: 4px solid var(--ksyos-body-bg);
}

table.table.admin.fixed {
    table-layout: fixed;
}

/* List table styles */
.list-table {
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-spacing: 0 10px;
    border-collapse: separate;
}

.list-table thead th {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.75rem;
    color: var(--ksyos-gray-5);
    padding: 3px 1rem;
    vertical-align: middle;
}

.list-table thead th.has-checkbox {
    width: 48px;
    padding-left: 0;
}

.list-table thead th:first-of-type {
    padding-left: 0;
}

.list-table tbody tr {
    border-radius: 3px;
    margin: 0 0 10px;
}

.list-table tbody tr td {
    font-weight: var(--kds-font-weight-normal);
    font-size: 0.875rem;
    color: var(--ksyos-gray-5);
    vertical-align: middle;
    line-height: 1.4;
    padding: 0 1rem;
}

.list-table tbody tr td:first-child {
    padding-left: 0;
}

.list-table tbody tr td.has-datepicker {
    width: 130px;
    vertical-align: bottom;
}

.list-table tbody tr td.has-datepicker .rw-datetime-picker {
    width: 130px;
}

.list-table tbody tr td.has-content {
    width: 344px;
}

.list-table tbody tr td.has-checkbox {
    min-width: 48px;
}

@media (max-width: 1199.98px) {
    .list-table tbody tr td:last-of-type .rw-popup-container {
        left: auto;
        right: 0;
    }
}

.list-table tbody tr.active td {
    font-weight: var(--kds-font-weight-bold);
}

.list-table .custom-checkbox {
    padding: 0;
    margin: 0;
}

.list-table .form-control {
    padding: 0.25rem 0;
    line-height: 1;
    min-height: auto;
}

.list-table .rw-widget {
    width: 100%;
    font-size: 0.875rem;
}

.list-table .rw-widget .rw-widget-picker .rw-select {
    padding: 0;
    height: auto;
    margin: 0 0 0 5px;
}

.list-table .rw-widget .rw-widget-picker .rw-btn {
    height: auto;
    background-position: center center;
}

.list-table .rw-widget input[type='text'] {
    width: calc(100% - 25px);
    padding: 0.25rem 0;
    line-height: 1;
    min-height: auto;
}

.list-table .col-form-label {
    width: auto;
}

/* Requests table styles */
.requests-table.table-hover th {
    background: transparent;
}

.requests-table.table-hover th div {
    padding: 0px;
}

.requests-table.table-hover th button {
    padding: 0px;
    background: transparent;
}

.requests-table.table-hover th button:focus {
    outline: none;
}

.requests-table.table-hover th.selected-sort-header button {
    font-weight: bold;
}

.layout {
    display: flex;
}

.layout.horizontal {
    flex-direction: row;
}

.layout.vertical {
    flex-direction: column;
}

.layout.horizontal-wrap {
    flex-direction: row;
    flex-wrap: wrap;
}

/* alignment in main axis */
.layout.end-justified {
    justify-content: flex-end;
}

.layout.center-justified {
    justify-content: center;
}

.layout.custom-loader {
    margin: 30px;
}

.layout.start-justified {
    justify-content: flex-start;
}

/* Alignment in the cross-axis */
.layout.end {
    align-items: flex-end;
}

.layout.center {
    align-items: center;
}

.layout.start {
    align-items: flex-start;
}

.layout .flex-auto {
    flex: 1 1 auto;
}

.layout .flex-none {
    flex: none;
}

.level {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
}

.level-left,
.level-right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.level-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.level-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.anamnese .form-group {
    margin-bottom: 1rem;
}

.anamnese h3 {
    margin-bottom: 1rem;
}

.anamnese .divider {
    margin: 2rem 0;
}

.MRC-anamnese .form-group,
.CCQ-anamnese .form-group,
.ACQ-anamnese .form-group {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .MRC-anamnese .form-group,
    .CCQ-anamnese .form-group,
    .ACQ-anamnese .form-group {
        margin-bottom: 1rem !important;
        display: flex !important;
        align-items: center !important;
    }
}

.MRC-anamnese .form-label,
.CCQ-anamnese .form-label,
.ACQ-anamnese .form-label {
    max-width: 100% !important;
    margin-bottom: 1rem !important;
}

@media (min-width: 768px) {
    .MRC-anamnese .form-label,
    .CCQ-anamnese .form-label,
    .ACQ-anamnese .form-label {
        flex: 1;
        width: 40% !important;
        max-width: 40% !important;
        transform: translateY(0) !important;
        margin-bottom: 0 !important;
    }
}

.MRC-anamnese .stepped-slider,
.CCQ-anamnese .stepped-slider,
.ACQ-anamnese .stepped-slider {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .MRC-anamnese .stepped-slider,
    .CCQ-anamnese .stepped-slider,
    .ACQ-anamnese .stepped-slider {
        flex: 1;
        align-self: baseline;
    }
}

.installer-page {
    background-color: var(--ksyos-gray-1);
    color: var(--black);
}

.installer-page .wrapper {
    width: 960px;
    margin: 3rem auto;
}

.installer-page h2 {
    margin-bottom: 2rem;
}

.installer-page .level {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.installer-page .level .level-item {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
}

.installer-page .title {
    font-weight: var(--kds-font-weight-normal);
    font-size: 1.25rem;
    line-height: 1.375rem;
}

.installer-page .heading {
    color: #a69a91;
    font-weight: var(--kds-font-weight-bold);
    font-size: 0.875rem;
    line-height: 1.857;
    margin-bottom: 0;
}

.installer-page .heading:hover {
    color: #8a7d73;
}

.installer-page p.step-number {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: 1px solid #e1e1e1;
    line-height: 48px;
    margin-bottom: 0.5rem;
    text-align: center;
    display: inline-block;
    transition: all 0.25s ease-out;
}

.installer-page p.step-number span {
    color: #a69a91;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    transform: translateY(-2px);
    display: inline-block;
}

.installer-page .tabs {
    width: 100%;
    margin-bottom: 0;
}

.installer-page .tabs > li {
    transition-duration: 0.25s;
    list-style: none;
    text-align: center;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: white;
}

.installer-page .tabs > li.active .step-number {
    border-color: #ff37f0;
}

.installer-page .tabs > li.active .step-number span {
    color: #ff37f0;
}

.installer-page .tabs > li.active .heading {
    color: #ff37f0;
}

.installer-page .tab__content {
    background-color: white;
    position: relative;
    width: 100%;
    border-radius: 2px;
}

.installer-page .tab__content > li {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    list-style: none;
}

.installer-page .tab__content > li .content__wrapper {
    border-radius: 2px;
    width: 100%;
    padding: 2.5rem;
}

.installer-page .tab__content--footer {
    margin-top: 3rem;
}

.installer-page .tab__content--footer .next {
    margin-left: auto;
}

.installer-page .installer__header {
    margin: 0 0 1rem 0;
}

.installer-page .installer__body {
    margin: 0 0 1rem 0;
}

.installer-page .installer__body ul,
.installer-page .installer__body ol {
    margin: 0 0 0 0;
    padding: 0 0 0 1rem;
}

.installer-page .installer--first-step,
.installer-page .installer--test-step {
    display: flex;
    align-items: center;
    margin: 2rem 0;
}

.installer-page .installer--first-step > div,
.installer-page .installer--test-step > div {
    flex: 1;
}

.installer-page .installer--first-step .btn,
.installer-page .installer--test-step .btn {
    margin: 1rem;
}

.installer-page .installer--first-step + .box,
.installer-page .installer--test-step + .box {
    margin-top: -1.5rem;
}

.installer-page .installer__status {
    margin: 2rem 0 0 0;
}

.installer-page .installer.unsupportedContent {
    min-height: auto;
    margin-top: 0;
}

.installer-page .screenshot {
    max-width: 100%;
    margin: 0 0 1rem 0;
}

.installer-page .icon-allergy {
    width: 18px;
    height: 18px;
    fill: var(--color-primary);
}

.derma-snel-not-available-page {
    background-color: #faf9f8;
    color: #000;
}

.derma-snel-not-available-page .wrapper {
    margin: auto;
    padding: 1rem 3rem 3rem 3rem;
    text-align: center;
}

.derma-snel-not-available-page .wrapper h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.6px;
    text-align: center;
    margin-bottom: 1rem;
}

.derma-snel-not-available-page .wrapper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2rem;
}

.derma-snel-not-available-page .wrapper img {
    width: 100%;
    max-width: 324px;
}

.voorgeschiedenis-anamnese .input-group--multiple,
.risicofactoren-anamnese .input-group--multiple,
.lichamelijkOnderzoek-anamnese .input-group--multiple,
.redenen-anamnese .input-group--multiple {
    margin-bottom: 0;
}

.klachten-anamnese .radiobutton-group {
    float: left;
    width: auto;
}

.klachten-anamnese .input-container {
    display: flex;
}

.klachten-anamnese .input-group--multiple {
    margin-bottom: 0;
}

/* Default svg styles from bootstrap do not allow overflow of svg, this enables it for recharts so the icon dots are not cut off */
.recharts-surface {
    overflow: visible;
}

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

* {
    margin: 0px;
}

html,
body {
    height: 100%;
    min-height: 100%;
}

body {
    font-family: var(--kds-font-family-base);
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    color: var(--kds-color-foreground-default);
    background-color: var(--kds-color-background-minimal);
    -webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

input,
button,
textarea,
select {
    font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

p {
    text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

#app {
    height: 100%;
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.has-prefix-text.form-control {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

.hidden {
    display: none !important;
}

.hidden-init {
    display: none;
}

.splash-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -75px;
}

.space-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/*  First use tour overrides */
.white-title {
    color: #fff;
    display: block;
    text-align: left;
    padding-left: 10px;
}
.white-body {
    color: #fff;
    display: inline-block;
    text-align: left;
}

.react-joyride__tooltip button[data-action='primary'] {
    background-color: #fff !important;
    color: #00adf8 !important;
}

.react-joyride__tooltip button[data-action='back'] {
    color: white !important;
}

.text-align-right {
    text-align: right;
}

.bold {
    font-weight: bold;
}

.holter-form-group {
    margin-bottom: 32px;
}

.holter-form-group .holter-list-header {
    margin-bottom: 24px;
}

.holter-form-group ul {
    padding-left: 18px;
}

.holter-step {
    margin-top: 48px;
}

.costs-icon {
    height: 74px;
    width: 74px;
}

/* Filepicker CSS */
.filepicker {
    font-family: sans-serif;
}

div.filepicker {
    text-align: center;
    padding: 5px;
    background-color: #E1E1E1;
    border-radius: 5px;
    min-height: 60px;
    border: 2px dashed #C7C7C7;
}

/* Icon */
.filepicker-file-icon
{
    position: relative;

    display: inline-block;

    margin: 1.5em 0 2.5em 0;
    padding-left: 45px;

    color: black;
}
.filepicker-file-icon::before
{
    position: absolute;
    top: -7px;
    left: 0;

    width: 29px;
    height: 34px;

    content: '';

    border: solid 2px #7F7F7F;
    border-radius: 2px;
}
.filepicker-file-icon::after
{
    font-size: 11px;
    line-height: 1.3;

    position: absolute;
    top: 9px;
    left: -4px;

    padding: 0 2px;

    content: 'file';
    content: attr(data-filetype);
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
    background-color: #000;
}
.filepicker-file-icon .fileCorner
{
    position: absolute;
    top: -7px;
    left: 22px;

    width: 0;
    height: 0;

    border-width: 11px 0 0 11px;
    border-style: solid;
    border-color: white transparent transparent #920035;
}

.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0.8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 0 5px #96dbfa;
          box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {
  opacity: 0;
}
.rc-slider-handle:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  -webkit-box-shadow: 0 0 0 3px #96dbfa;
          box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  -webkit-box-shadow: 0 0 5px #57c5f7;
          box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  -webkit-box-shadow: var(--toastify-toast-shadow);
          box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  -webkit-transform: translate3d(0, var(--y), 0) scale(var(--s));
          transform: translate3d(0, var(--y), 0) scale(var(--s));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  -webkit-transform-origin: top;
          transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  -webkit-transform: scaleY(3);
          transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 22px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.Toastify--animate-icon {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@-webkit-keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes Toastify__trackProgress {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  -webkit-transform-origin: left;
          transform-origin: left;
}

.Toastify__progress-bar--animated {
  -webkit-animation: Toastify__trackProgress linear 1 forwards;
          animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  -webkit-transform-origin: right;
          transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  -webkit-animation: Toastify__spin 0.65s linear infinite;
          animation: Toastify__spin 0.65s linear infinite;
}

@-webkit-keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, var(--y), 0);
            transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, var(--y), 0);
            transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, var(--y), 0);
            transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, var(--y), 0);
            transform: translate3d(2000px, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, var(--y), 0);
            transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, var(--y), 0);
            transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, var(--y), 0);
            transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, var(--y), 0);
            transform: translate3d(-2000px, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, calc(var(--y) - 10px), 0);
            transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, calc(var(--y) + 20px), 0);
            transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, calc(var(--y) - 10px), 0);
            transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, calc(var(--y) + 20px), 0);
            transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, calc(var(--y) - 10px), 0);
            transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, calc(var(--y) + 20px), 0);
            transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, calc(var(--y) - 10px), 0);
            transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, calc(var(--y) + 20px), 0);
            transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  -webkit-animation-name: Toastify__bounceInLeft;
          animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  -webkit-animation-name: Toastify__bounceInRight;
          animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  -webkit-animation-name: Toastify__bounceInDown;
          animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  -webkit-animation-name: Toastify__bounceInUp;
          animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  -webkit-animation-name: Toastify__bounceOutLeft;
          animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  -webkit-animation-name: Toastify__bounceOutRight;
          animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  -webkit-animation-name: Toastify__bounceOutUp;
          animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  -webkit-animation-name: Toastify__bounceOutDown;
          animation-name: Toastify__bounceOutDown;
}

@-webkit-keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@-webkit-keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
            transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
            transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  -webkit-animation-name: Toastify__zoomIn;
          animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  -webkit-animation-name: Toastify__zoomOut;
          animation-name: Toastify__zoomOut;
}

@-webkit-keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes Toastify__flipIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@-webkit-keyframes Toastify__flipOut {
  from {
    -webkit-transform: translate3d(0, var(--y), 0) perspective(400px);
            transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    -webkit-transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes Toastify__flipOut {
  from {
    -webkit-transform: translate3d(0, var(--y), 0) perspective(400px);
            transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    -webkit-transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  -webkit-animation-name: Toastify__flipIn;
          animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  -webkit-animation-name: Toastify__flipOut;
          animation-name: Toastify__flipOut;
}

@-webkit-keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInRight {
  from {
    -webkit-transform: translate3d(110%, 0, 0);
            transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    -webkit-transform: translate3d(-110%, 0, 0);
            transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, var(--y), 0);
            transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(110%, var(--y), 0);
            transform: translate3d(110%, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, var(--y), 0);
            transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-110%, var(--y), 0);
            transform: translate3d(-110%, var(--y), 0);
  }
}

@-webkit-keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 500px, 0);
            transform: translate3d(0, 500px, 0);
  }
}

@-webkit-keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    -webkit-transform: translate3d(0, var(--y), 0);
            transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -500px, 0);
            transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  -webkit-animation-name: Toastify__slideInLeft;
          animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  -webkit-animation-name: Toastify__slideInRight;
          animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  -webkit-animation-name: Toastify__slideInDown;
          animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  -webkit-animation-name: Toastify__slideInUp;
          animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  -webkit-animation-name: Toastify__slideOutLeft;
          animation-name: Toastify__slideOutLeft;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  -webkit-animation-name: Toastify__slideOutRight;
          animation-name: Toastify__slideOutRight;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  -webkit-animation-name: Toastify__slideOutUp;
          animation-name: Toastify__slideOutUp;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  -webkit-animation-name: Toastify__slideOutDown;
          animation-name: Toastify__slideOutDown;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@-webkit-keyframes Toastify__spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes Toastify__spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ReadonlyText-module__formControl {
    padding: 0.375rem 0.75rem;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    font-size: 0.875rem;
    font-weight: 700;
    color: #322a24;
    line-height: 1.5;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    padding-left: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-bottom: 1px solid #dbd5d0;
}

.Figure-module__figure {
    display: block;
    position: relative;
    margin: 0 0 0 0;
}

.Figure-module__image {
    display: block;
    height: auto;
    max-width: 100%;
}

.Figure-module__centered {
    margin: 0 auto;
}

/* Fixed image dimensions */
.Figure-module__is16X16 {
    height: 16px;
    width: 16px;
}

.Figure-module__is24X24 {
    height: 24px;
    width: 24px;
}

.Figure-module__is32X32 {
    height: 32px;
    width: 32px;
}

.Figure-module__is48X48 {
    height: 48px;
    width: 48px;
}

.Figure-module__is64X64 {
    height: 64px;
    width: 64px;
}

.Figure-module__is96X96 {
    height: 96px;
    width: 96px;
}

.Figure-module__is128X128 {
    height: 128px;
    width: 128px;
}

.UploadIcon-module__uploadIcon {
    border: 1px solid var(--kds-color-border-minimal);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
}

.List-module__list {
    list-style-type: none;
    margin: 0 0 1rem 0;
    padding: 0 0;
}

.List-module__listItem {
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-normal);
    padding-right: 0.375rem;
}

.List-module__inline {
    list-style-type: none;
    margin: 0 0 1rem 0;
    padding: 0 0;
    margin: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.List-module__readVariantInline {
    list-style-type: none;
    margin: 0 0 1rem 0;
    padding: 0 0;
    margin: 0 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.List-module__readVariantInline .List-module__listItem {
    padding: calc(0.375rem + 1px) 0.375rem calc(0.375rem + 1px) 0;
    line-height: 1.5;
}

.List-module__readVariantInline .List-module__listItem a {
    padding: calc(0.375rem + 1px) 0 calc(0.375rem + 1px) 0;
    line-height: 1.5;
}

.List-module__readVariantStacked {
    margin: 0 0 0 0;
    padding-top: calc(0.375rem + 1px);
}
.List-module__readVariantStacked .List-module__listItem {
    margin: 0 0 0 0;
    line-height: 1.5;
}

.List-module__bold {
    font-weight: 700;
}
.List-module__muted {
    color: var(--kds-color-foreground-subtle);
}
.List-module__primary {
    color: var(--kds-color-foreground-primary);
}

.List-module__inlineListItem {
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-normal);
    padding-right: 0.375rem;
    display: inline-block;
    padding-right: 0.375rem;
}

.List-module__hasBullets {
    list-style-type: disc;
    margin: 0 0 1rem 1.5rem;
    padding: 0 1rem;
}

.MediaObject-module__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem;
}

.MediaObject-module__mediaContent {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.MediaObject-module__mediaLeft {
    margin: 0 1rem 0 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.MediaObject-module__mediaItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.MediaObject-module__content {
    margin: 0 1rem 0 0;
}

.MediaObject-module__title {
    margin: 0 0 0.25rem 0 !important;
}

.HorizontalFormGroupRead-module__formGroupRead {
    margin-bottom: 0.375rem;
}

.HorizontalFormGroupRead-module__formGroupRead p {
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    margin-bottom: calc(0.375rem + 1px);
    font-weight: 700 !important;
    white-space: pre-wrap;
}

.Badge-module__badge {
    margin: 0 0.5rem;
    line-height: 1;
    font-size: var(--kds-font-size-xs);
    font-weight: var(--kds-font-weight-bold);
    color: var(--kds-color-foreground-default);
    background: var(--kds-color-background-subtle);
    padding: 0.375rem calc(1.125rem / 2);
}

.FormSection-module__formsection {
    padding: 16px;
    height: auto;
    margin: 0 0 32px 0;
}

.FormSection-module__formsection .FormSection-module__formSubheader {
    color: var(--ksyos-gray-5);
    margin: 0 0 16px 0;
}

.FormSection-module__transparent {
    padding: 0 0 16px 0;
    margin: 0;
    border-bottom: 1px solid var(--ksyos-gray-2);
    margin-bottom: 24px;
}

.FormSection-module__isBorderLess {
    border: none;
}

.InputControl-module__control {
    position: relative;
}

.InputControl-module__isFormcontrol {
    height: auto;
    line-height: 1.5;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}

.InputControl-module__isIndented {
    margin: 0 0 0 29px;
}

.InputControl-module__isReadonly *,
.InputControl-module__isReadonly {
    font-weight: bold;
    opacity: 1;
}

.InputControl-module__isInline {
    display: inline-block;
    margin-right: 0.5rem;
}

.ProgressIndicator-module__slider {
    position: relative;
    width: 100%;
    height: 5px;
    background: #ecece6;
    border-radius: 2px;
}

.ProgressIndicator-module__bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.CheckMarkButton-module__normal {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    outline: 0 none;
    border-color: transparent;
    text-align: center;
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-bold);
    height: calc(1.125rem * 2 + 2px);
    padding: 0.375rem 1.125rem;
    color: #003bd6;
    border: 1px solid #003bd6;
    background: transparent;
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    overflow: visible;
    font-weight: bold;
}
.CheckMarkButton-module__normal:before {
    content: '';
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, #003bd6);
    z-index: -1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: left top;
            transform-origin: left top;
}
.CheckMarkButton-module__normal:hover {
    color: #fff;
}

.CheckMarkButton-module__normal:hover:before {
    width: calc(100% + 1px);
}

.CheckMarkButton-module__normal:focus,
.CheckMarkButton-module__normal.CheckMarkButton-module__active:focus {
    border: 1px solid #003bd6;
}
.CheckMarkButton-module__normal:active {
    background: darken(#003bd6, 20%);
}

.CheckMarkButton-module__normal:disabled {
    background: #ecece6;
    border-color: #ecece6;
    opacity: 0.8;
    color: #a69a91;
}

.CheckMarkButton-module__hasError {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    outline: 0 none;
    border-color: transparent;
    text-align: center;
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-bold);
    height: calc(1.125rem * 2 + 2px);
    padding: 0.375rem 1.125rem;
    font-weight: bold;
    color: #ff9a1e;
    border: 1px solid #ff9a1e;
}
.CheckMarkButton-module__hasError:before {
    content: '';
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgb(212, 122, 11) 0, rgb(255, 154, 30) 35%, #ff9a1e);
    z-index: -1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: left top;
            transform-origin: left top;
}
.CheckMarkButton-module__hasError:hover {
    color: #fff;
}

.CheckMarkButton-module__hasError:hover:before {
    width: calc(100% + 1px);
}

.CheckMarkButton-module__hasError:focus,
.CheckMarkButton-module__hasError.CheckMarkButton-module__active:focus {
    border: 1px solid darken(#ff9a1e, 20%);
}
.CheckMarkButton-module__hasError:active {
    background: darken(#ff9a1e, 20%);
}
.CheckMarkButton-module__hasError:disabled {
    background: #ecece6;
    border-color: #ecece6;
    opacity: 0.8;
    color: #a69a91;
}

/*  todo check css inheritance cssmodules in webpackfile - CS-5038 */
.CheckMarkButton-module__checkedIcon {
    position: absolute !important;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%) scale(1);
            transform: translate(50%, -50%) scale(1);
    -webkit-animation: CheckMarkButton-module__scaleUp 0.2s cubic-bezier(0.75, -0.5, 0, 1.75);
            animation: CheckMarkButton-module__scaleUp 0.2s cubic-bezier(0.75, -0.5, 0, 1.75);
    opacity: 1;
}

@-webkit-keyframes CheckMarkButton-module__scaleUp {
    0% {
        -webkit-transform: translate(50%, -50%) scale(0);
                transform: translate(50%, -50%) scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(50%, -50%) scale(1);
                transform: translate(50%, -50%) scale(1);
        opacity: 1;
    }
}

@keyframes CheckMarkButton-module__scaleUp {
    0% {
        -webkit-transform: translate(50%, -50%) scale(0);
                transform: translate(50%, -50%) scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(50%, -50%) scale(1);
                transform: translate(50%, -50%) scale(1);
        opacity: 1;
    }
}

.RoundedCheckMarkButton-module__normal {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    outline: 0 none;
    border-color: transparent;
    text-align: center;
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-bold);
    height: calc(1.125rem * 2 + 2px);
    padding: 0.375rem 1.125rem;
    color: #003bd6;
    border: 1px solid #003bd6;
    background: transparent;
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
    overflow: hidden;
    border-radius: 20px;
    height: 40px;
    font-size: 16px;
    padding: 0 1.125rem;
    line-height: 0;
}

.RoundedCheckMarkButton-module__normal:before {
    content: '';
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, #003bd6);
    z-index: -1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: left top;
            transform-origin: left top;
}

.RoundedCheckMarkButton-module__normal:hover {
    color: #fff;
}

.RoundedCheckMarkButton-module__normal:hover:before {
    width: calc(100% + 1px);
}

.RoundedCheckMarkButton-module__normal:hover .RoundedCheckMarkButton-module__checkedIcon svg {
    fill: #fff !important;
}

.RoundedCheckMarkButton-module__normal:focus {
    border: 1px solid #003bd6;
}

.RoundedCheckMarkButton-module__normal:active {
    background: #002a9e; /* darken(#003bd6, 20%) equivalent */
}

.RoundedCheckMarkButton-module__normal:disabled {
    background: #ecece6;
    border-color: #ecece6;
    opacity: 0.8;
    color: #a69a91;
}

.RoundedCheckMarkButton-module__checked {
    color: #fff;
}

.RoundedCheckMarkButton-module__checked:before {
    width: calc(100% + 1px);
}

.RoundedCheckMarkButton-module__checkedIcon {
    width: 16px !important;
    -webkit-transform: translate(50%, 10%) scale(1);
            transform: translate(50%, 10%) scale(1);
    -webkit-animation: RoundedCheckMarkButton-module__scaleUp 0.3s cubic-bezier(0.75, -0.5, 0, 1.75);
            animation: RoundedCheckMarkButton-module__scaleUp 0.3s cubic-bezier(0.75, -0.5, 0, 1.75);
    opacity: 1;
}

@-webkit-keyframes RoundedCheckMarkButton-module__scaleUp {
    0% {
        -webkit-transform: translate(50%, 10%) scale(0);
                transform: translate(50%, 10%) scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(50%, 10%) scale(1);
                transform: translate(50%, 10%) scale(1);
        opacity: 1;
    }
}

@keyframes RoundedCheckMarkButton-module__scaleUp {
    0% {
        -webkit-transform: translate(50%, 10%) scale(0);
                transform: translate(50%, 10%) scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(50%, 10%) scale(1);
                transform: translate(50%, 10%) scale(1);
        opacity: 1;
    }
}

.CallBackMomentAddEdit-module__table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    margin: 0 0 16px 0;
}

@media (min-width: 1200px) {
    .CallBackMomentAddEdit-module__table {
        width: auto;
    }
}

.CallBackMomentAddEdit-module__day {
    width: 110px;
}

.CallBackMomentAddEdit-module__day .CallBackMomentAddEdit-module__custom-checkbox {
    min-height: 1.5rem;
}

@media (min-width: 1200px) {
    .CallBackMomentAddEdit-module__day {
        width: 145px;
    }
}

.CallBackMomentAddEdit-module__text {
    text-align: center;
    width: 40px;
}

@media (min-width: 1200px) {
    .CallBackMomentAddEdit-module__text {
        width: 80px;
    }
}

@media (min-width: 1200px) {
    .CallBackMomentAddEdit-module__timeOfDay {
        width: 175px;
    }
}

.CallBackMomentAddEdit-module__timeInput {
    padding-left: 4px;
    padding-right: 4px;
}

.ScoreIndicator-module__wrapper {
    /* wrapper styles */
}

.ScoreIndicator-module__wrapper p {
    margin-bottom: 0;
}

.ScoreIndicator-module__sliderWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.ScoreIndicator-module__rightLabel {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
    color: var(--muted);
    min-width: 24px;
    margin-left: 20px;
    text-align: left;
}

.ScoreIndicator-module__leftLabel {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -ms-flex-item-align: start;
        align-self: flex-start;
    color: var(--muted);
    min-width: 24px;
    margin-right: 20px;
    text-align: right;
}

.ScoreIndicator-module__slider {
    position: relative;
    width: 100%;
    height: 5px;
    background: #ecece6;
    border-radius: 2px;
}

.ScoreIndicator-module__gradientSlider {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#00d06a), color-stop(25%, #f7b500), color-stop(50%, #ff7d28), color-stop(75%, #f92549));
    background: linear-gradient(to right, #00d06a 0%, #f7b500 25%, #ff7d28 50%, #f92549 75%);
}

.ScoreIndicator-module__edgedGradient {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background: -webkit-gradient(
        linear,
        left top, right top,
        from(#00d06a),
        color-stop(20%, #dcda0f),
        color-stop(40%, #f7b500),
        color-stop(48%, #fa6400),
        color-stop(60%, #e02020)
    );
    background: linear-gradient(
        to right,
        #00d06a 0% 20%,
        #dcda0f 20% 40%,
        #f7b500 40% 48%,
        #fa6400 48% 60%,
        #e02020 60% 100%
    );
}

.ScoreIndicator-module__hsdqEdgedGradient {
    position: relative;
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#00d06a), color-stop(25.25%, #e02020));
    background: linear-gradient(to right, #00d06a 0% 25.25%, #e02020 25.25% 100%);
}

.ScoreIndicator-module__bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.ScoreIndicator-module__dot {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.ScoreIndicator-module__dot p {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 0.8125rem;
}

.ScoreIndicator-module__wider-dot {
    min-width: 35px;
    border-radius: 10px;
}

:root {
    --icon-dimensions-small: 1.25rem;
    --icon-dimensions-medium: 1.5rem;
    --icon-dimensions-large: 2rem;
}

.IconText-module__iconText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.IconText-module__text {
    margin-bottom: 0;
    font-weight: bold;
}

.IconText-module__iconWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: var(--icon-dimensions-small);
    width: var(--icon-dimensions-small);
}

.IconText-module__icon {
    width: 100% !important;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 4px;
}

.IconText-module__icon svg {
    width: 100%;
    height: 100%;
}

.IconText-module__small {
    height: var(--icon-dimensions-small);
    width: var(--icon-dimensions-small);
}

.IconText-module__medium {
    height: var(--icon-dimensions-medium);
    width: var(--icon-dimensions-medium);
}

.IconText-module__large {
    height: var(--icon-dimensions-large);
    width: var(--icon-dimensions-large);
}

.InlineReadElement-module__inlineReadVariant {
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-normal);
    padding: 0 0.375rem 0 0;
}
.InlineReadElement-module__inlineReadVariant a {
    font-size: 0.875rem;
    padding: 0 0.375rem 0 0;
    line-height: 1.875;
}
.InlineReadElement-module__bold {
    font-weight: 700;
}
.InlineReadElement-module__muted {
    color: var(--kds-color-foreground-subtle);
}
.InlineReadElement-module__primary {
    color: var(--kds-color-foreground-primary);
}

.IconLink-module__iconLink {
    color: #003ad6;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.875;
    font-size: 0.875rem;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;

    .IconLink-module__icon {
        margin: 0 0 0 0;
        -webkit-transform: translateY(5px);
                transform: translateY(5px);

        svg {
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }
    }
}

.IconLink-module__iconLink:hover,
.IconLink-module__iconLink:active {
    color: #003ad6;
}

.IconLink-module__span {
    color: #003ad6;
    padding-left: 0.25rem;
}

.IconLink-module__hasIconLeft {
    .IconLink-module__icon {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }

    .IconLink-module__span {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        display: inline-block;
        padding-left: 0.25rem;
    }
}

.IconLink-module__hasIconRight {
    .IconLink-module__icon {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .IconLink-module__span {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        display: inline-block;
        padding-right: 0.25rem;
    }
}

.FieldSet-module__fieldset {
    margin-bottom: 20px;
}

.FieldSet-module__hasBorder {
    border-bottom: 1px solid var(--kds-color-border-minimal);
    padding: 0 0 20px 0;
}

.FieldSet-module__legend {
    font-weight: 700;
    font-size: 1rem;
    line-height: normal;
    margin: 0 0 1rem 0;
}

.IconHeader-module__iconHeader {
    /* iconHeader styles */
}

.IconHeader-module__iconHeader h3 {
    margin-bottom: 0;
    font-weight: 400;
}

.IconHeader-module__iconHeader .IconHeader-module__icon {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.FormButton-module__normal {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    outline: 0 none;
    border-color: transparent;
    text-align: center;
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-bold);
    height: calc(1.125rem * 2 + 2px);
    padding: 0.375rem 1.125rem;
    color: #003bd6;
    border: 1px solid #003bd6;
    background: transparent;
    -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
}
.FormButton-module__normal:before {
    content: '';
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(14, 32, 139, 1) 0%, rgba(0, 59, 214, 1) 35%, #003bd6);
    z-index: -1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform-origin: left top;
            transform-origin: left top;
}
.FormButton-module__normal:hover {
    color: #fff;
}

.FormButton-module__normal:hover:before {
    width: calc(100% + 1px);
}

.FormButton-module__normal:focus,
.FormButton-module__normal.FormButton-module__active:focus {
    border: 1px solid darken(#003bd6, 20%);
}
.FormButton-module__normal:active {
    background: darken(#003bd6, 20%);
}

.FormButton-module__disabled {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
    outline: 0 none;
    border-color: transparent;
    text-align: center;
    font-size: var(--kds-font-size-sm);
    line-height: var(--kds-line-height-5);
    font-weight: var(--kds-font-weight-bold);
    height: calc(1.125rem * 2 + 2px);
    padding: 0.375rem 1.125rem;
    border: 1px solid #003bd6;
    background: #ecece6;
    border-color: #ecece6;
    opacity: 0.8;
    color: #a69a91;
    cursor: not-allowed;
    pointer-events: none;
}


/*# sourceMappingURL=app.css.map*/