@charset "UTF-8";
/* ---------- EY Power Design System v0.5.20250825 ---------- */
/* ------------------------------ FONTS: Segoe UI ------------------------------ */
@font-face {
	font-family: "Segoe UI";
	src:
		local("Segoe UI Light"),
		url("../Fonts/segoe-ui-light.woff2?v=1.4.5227-2301.3") format("woff2");
	font-weight: 200;
}
@font-face {
	font-family: "Segoe UI";
	src:
		local("Segoe UI Semilight"),
		url("../Fonts/segoe-ui-semilight.woff2?v=1.4.5227-2301.3") format("woff2");
	font-weight: 300;
}
@font-face {
	font-family: "Segoe UI";
	src:
		local("Segoe UI"),
		url("../Fonts/segoe-ui-normal.woff2?v=1.4.5227-2301.3") format("woff2");
	font-weight: 400;
}
@font-face {
	font-family: "Segoe UI";
	src:
		local("Segoe UI Semibold"),
		url("../Fonts/segoe-ui-semibold.woff2?v=1.4.5227-2301.3") format("woff2");
	font-weight: 600;
}
@font-face {
	font-family: "Segoe UI";
	src:
		local("Segoe UI Bold"),
		url("../Fonts/segoe-ui-bold.woff2?v=1.4.5227-2301.3") format("woff2");
	font-weight: 700;
}
/* ------------------------------ CORE: Variables ------------------------------ */
:root {
	--black: #000;
	--white: #fff;
	--transparent: transparent;
	--white-opacity-50: rgba(var(--white), 0.5);
	--black-opacity-50: rgba(0, 0, 0, 0.5);
	--gray-050: #fbfbfb;
	--gray-100: #f8f8f8;
	--gray-150: #f5f5f5;
	--gray-200: #f2f2f2;
	--gray-250: #e7e7e7;
	--gray-300: #dddddd;
	--gray-350: #cccccc;
	--gray-400: #bbbbbb;
	--gray-450: #a7a7a7;
	--gray-500: #949494;
	--gray-550: #858585;
	--gray-600: #757575;
	--gray-650: #666666;
	--gray-700: #5a5a5a;
	--gray-750: #444444;
	--gray-800: #333333;
	--gray-850: #222222;
	--gray-900: #111111;
	--red-100: #ffe1db;
	--red-200: #ffc8bd;
	--red-300: #ff9985;
	--red-400: #fd5f3f;
	--red-500: #f63913;
	--red-600: #c92200;
	--red-700: #941800;
	--red-800: #661100;
	--red-900: #470c00;
	--orange-100: #ffe8d1;
	--orange-200: #ffd6ad;
	--orange-300: #ffba75;
	--orange-400: #ff9c38;
	--orange-500: #f07800;
	--orange-600: #cc6600;
	--orange-700: #994d00;
	--orange-800: #6b3600;
	--orange-900: #3d1f00;
	--yellow-100: #fff3d6;
	--yellow-200: #ffe9b2;
	--yellow-300: #ffdb80;
	--yellow-400: #ffcb47;
	--yellow-500: #f5b000;
	--yellow-600: #cc9200;
	--yellow-700: #9e7100;
	--yellow-800: #664900;
	--yellow-900: #332500;
	--green-100: #e8fbda;
	--green-200: #cfeeba;
	--green-300: #94d864;
	--green-400: #68c723;
	--green-500: #49a607;
	--green-600: #378500;
	--green-700: #2d6b00;
	--green-800: #204d00;
	--green-900: #153300;
	--teal-100: #dffbf2;
	--teal-200: #baf7e3;
	--teal-300: #86eac8;
	--teal-400: #25d49a;
	--teal-500: #0fbd83;
	--teal-600: #039665;
	--teal-700: #006b47;
	--teal-800: #004d33;
	--teal-900: #003825;
	--cyan-100: #e3fafc;
	--cyan-200: #bff3f8;
	--cyan-300: #80e1ea;
	--cyan-400: #1fc2d1;
	--cyan-500: #08a1af;
	--cyan-600: #05838f;
	--cyan-700: #00626b;
	--cyan-800: #00464d;
	--cyan-900: #002f33;
	--blue-100: #1586dc35;
	--blue-200: #1274bd;
	--blue-300: #0f619e;
	--blue-400: #0c4e7f;
	--blue-500: #093b60;
	--blue-600: #08365a;
	--blue-700: #06304e;
	--blue-800: #05253c;
	--blue-900: #041a2b;
	--indigo-100: #e5e5ff;
	--indigo-200: #ccccff;
	--indigo-300: #aaaafd;
	--indigo-400: #7e7efc;
	--indigo-500: #5b5bdc;
	--indigo-600: #4040bf;
	--indigo-700: #303091;
	--indigo-800: #202060;
	--indigo-900: #14143d;
	--purple-100: #f0e5ff;
	--purple-200: #dec7ff;
	--purple-300: #c5a1f7;
	--purple-400: #a979ec;
	--purple-500: #8755ce;
	--purple-600: #6c3bb0;
	--purple-700: #522d86;
	--purple-800: #361d58;
	--purple-900: #1e1132;
	--pink-100: #ffe0fa;
	--pink-200: #ffc7f6;
	--pink-300: #f797e7;
	--pink-400: #e85ed1;
	--pink-500: #d539bb;
	--pink-600: #a82492;
	--pink-700: #821c71;
	--pink-800: #541249;
	--pink-900: #350d2e;
}

:root,
[data-bs-theme="light"] {
	/* ------------------------------ Brand Colors ------------------------------ */
	--brand-primary-lighter: var(--blue-300);
	--brand-primary-default: var(--blue-500);
	--brand-primary-darker: var(--blue-600);
	--brand-secondary-lighter: var(--orange-400);
	--brand-secondary-default: var(--orange-500);
	--brand-secondary-darker: var(--orange-600);
	--brand-tertiary-lighter: var(--green-300);
	--brand-tertiary-default: var(--green-500);
	--brand-tertiary-darker: var(--green-600);
	/* ------------------------------ Background Colors ------------------------------ */
	--bg-body: var(--white);
	--bg-default: var(--white);
	--bg-accent: var(--gray-200);
	--bg-light: var(--white);
	--bg-dark: var(--black);
	--bg-disabled: var(--gray-200);
	--bg-primary: var(--blue-500);
	--bg-secondary: var(--orange-400);
	--bg-success: var(--green-600);
	--bg-warning: var(--yellow-400);
	--bg-danger: var(--red-600);
	--bg-info: var(--cyan-600);
	--bg-overlay-global: rgba(0, 0, 0, 0.25);
	--bg-overlay-contextual: rgba(0, 0, 0, 0.25);
	/* ------------------------------ Text Colors ------------------------------ */
	--text-color-on-dark-bg: var(--white);
	--text-color-on-light-bg: var(--black);
	--text-color-default: var(--gray-900);
	--text-color-accent: var(--gray-600);
	--text-color-light: var(--white);
	--text-color-dark: var(--black);
	--text-color-disabled: var(--gray-600);
	--text-color-primary: var(--blue-500);
	--text-color-secondary: var(--orange-700);
	--text-color-success: var(--green-700);
	--text-color-warning: var(--yellow-800);
	--text-color-danger: var(--red-600);
	--text-color-info: var(--cyan-600);
	/* ------------------------------ Border Colors ------------------------------ */
	--border-color-default: var(--gray-500);
	--border-color-accent: var(--gray-200);
	--border-color-light: var(--white);
	--border-color-dark: var(--black);
	--border-color-disabled: var(--gray-500);
	--border-color-primary: var(--blue-500);
	--border-color-secondary: var(--orange-600);
	--border-color-success: var(--green-500);
	--border-color-warning: var(--yellow-700);
	--border-color-danger: var(--red-500);
	--border-color-info: var(--cyan-500);
	/* ------------------------------ Shadow Colors ------------------------------ */
	--shadow-color: rgba(0, 0, 0, 0.25);
	--shadow-border-color: rgba(0, 0, 0, 0.25);
	/* ------------------------------ Interactive Colors - Primary ------------------------------ */
	--color-primary-default: var(--blue-500);
	--color-primary-hover: var(--blue-600);
	--color-primary-active: var(--blue-700);
	--color-primary-focus: var(--blue-600);
	--color-primary-selected: var(--blue-700);
	--bg-primary-default: var(--color-primary-default);
	--bg-primary-hover: var(--color-primary-hover);
	--bg-primary-active: var(--color-primary-active);
	--bg-primary-focus: var(--color-primary-focus);
	--bg-primary-selected: var(--color-primary-selected);
	--bg-primary-disabled: var(--bg-disabled);
	--text-color-on-primary-default: var(--text-color-on-dark-bg);
	--text-color-on-primary-hover: var(--text-color-on-dark-bg);
	--text-color-on-primary-active: var(--text-color-on-dark-bg);
	--text-color-on-primary-focus: var(--text-color-on-primary-default);
	--text-color-on-primary-selected: var(--text-color-on-dark-bg);
	--text-color-on-primary-disabled: var(--text-color-disabled);
	--border-color-on-primary-default: var(--bg-primary-default);
	--border-color-on-primary-hover: var(--bg-primary-hover);
	--border-color-on-primary-active: var(--bg-primary-active);
	--border-color-on-primary-focus: var(--border-color-on-primary-default);
	--border-color-on-primary-selected: var(--bg-primary-selected);
	--border-color-on-primary-disabled: var(--border-color-disabled);
	--outline-color-on-primary-focus: var(--blue-500);
	--bg-primary-lighter-default: var(--blue-300);
	--bg-primary-lighter-hover: var(--blue-200);
	--bg-primary-lighter-active: var(--blue-100);
	--bg-primary-lighter-focus: var(--bg-primary-lighter-default);
	--bg-primary-lighter-selected: var(--blue-500);
	--bg-primary-lighter-disabled: var(--bg-disabled);
	--text-color-on-primary-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-primary-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-primary-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-primary-lighter-focus: var(--text-color-on-primary-lighter-default);
	--text-color-on-primary-lighter-selected: var(--text-color-on-dark-bg);
	--text-color-on-primary-lighter-disabled: var(--text-color-disabled);
	--border-color-on-primary-lighter-default: var(--bg-primary-lighter-default);
	--border-color-on-primary-lighter-hover: var(--bg-primary-lighter-hover);
	--border-color-on-primary-lighter-active: var(--bg-primary-lighter-active);
	--border-color-on-primary-lighter-focus: var(--border-color-on-primary-lighter-default);
	--border-color-on-primary-lighter-selected: var(--bg-primary-lighter-selected);
	--border-color-on-primary-lighter-disabled: var(--border-color-disabled);
	--bg-primary-transparent-default: var(--transparent);
	--bg-primary-transparent-hover: var(--blue-100);
	--bg-primary-transparent-active: var(--blue-200);
	--bg-primary-transparent-focus: var(--bg-primary-transparent-default);
	--bg-primary-transparent-selected: var(--blue-400);
	--bg-primary-transparent-disabled: var(--bg-disabled);
	--text-color-on-primary-transparent-default: var(--color-primary-default);
	--text-color-on-primary-transparent-hover: var(--color-primary-hover);
	--text-color-on-primary-transparent-active: var(--color-primary-active);
	--text-color-on-primary-transparent-focus: var(--text-color-on-primary-transparent-default);
	--text-color-on-primary-transparent-selected: var(--text-color-on-dark-bg);
	--text-color-on-primary-transparent-disabled: var(--text-color-disabled);
	--border-color-on-primary-transparent-default: var(--text-color-on-primary-transparent-default);
	--border-color-on-primary-transparent-hover: var(--text-color-on-primary-transparent-hover);
	--border-color-on-primary-transparent-active: var(--text-color-on-primary-transparent-active);
	--border-color-on-primary-transparent-focus: var(--border-color-on-primary-transparent-default);
	--border-color-on-primary-transparent-selected: var(--bg-primary-transparent-selected);
	--border-color-on-primary-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Secondary ------------------------------ */
	--color-secondary-default: var(--orange-400);
	--color-secondary-hover: var(--orange-300);
	--color-secondary-active: var(--orange-200);
	--color-secondary-focus: var(--color-secondary-default);
	--color-secondary-selected: var(--orange-700);
	--bg-secondary-default: var(--color-secondary-default);
	--bg-secondary-hover: var(--color-secondary-hover);
	--bg-secondary-active: var(--color-secondary-active);
	--bg-secondary-focus: var(--color-secondary-focus);
	--bg-secondary-selected: var(--color-secondary-selected);
	--bg-secondary-disabled: var(--bg-disabled);
	--text-color-on-secondary-default: var(--text-color-on-light-bg);
	--text-color-on-secondary-hover: var(--text-color-on-light-bg);
	--text-color-on-secondary-active: var(--text-color-on-light-bg);
	--text-color-on-secondary-focus: var(--text-color-on-secondary-default);
	--text-color-on-secondary-selected: var(--text-color-on-dark-bg);
	--text-color-on-secondary-disabled: var(--text-color-disabled);
	--border-color-on-secondary-default: var(--bg-secondary-default);
	--border-color-on-secondary-hover: var(--bg-secondary-hover);
	--border-color-on-secondary-active: var(--bg-secondary-active);
	--border-color-on-secondary-focus: var(--border-color-on-secondary-default);
	--border-color-on-secondary-selected: var(--bg-secondary-selected);
	--border-color-on-secondary-disabled: var(--border-color-disabled);
	--outline-color-on-secondary-focus: var(--orange-500);
	--bg-secondary-lighter-default: var(--orange-300);
	--bg-secondary-lighter-hover: var(--orange-200);
	--bg-secondary-lighter-active: var(--orange-100);
	--bg-secondary-lighter-focus: var(--bg-secondary-lighter-default);
	--bg-secondary-lighter-selected: var(--orange-400);
	--bg-secondary-lighter-disabled: var(--bg-disabled);
	--text-color-on-secondary-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-focus: var(--text-color-on-secondary-lighter-default);
	--text-color-on-secondary-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-disabled: var(--text-color-disabled);
	--border-color-on-secondary-lighter-default: var(--bg-secondary-lighter-default);
	--border-color-on-secondary-lighter-hover: var(--bg-secondary-lighter-hover);
	--border-color-on-secondary-lighter-active: var(--bg-secondary-lighter-active);
	--border-color-on-secondary-lighter-focus: var(--border-color-on-secondary-lighter-default);
	--border-color-on-secondary-lighter-selected: var(--bg-secondary-lighter-selected);
	--border-color-on-secondary-lighter-disabled: var(--border-color-disabled);
	--bg-secondary-transparent-default: var(--transparent);
	--bg-secondary-transparent-hover: var(--orange-100);
	--bg-secondary-transparent-active: var(--orange-200);
	--bg-secondary-transparent-focus: var(--bg-secondary-transparent-default);
	--bg-secondary-transparent-selected: var(--orange-700);
	--bg-secondary-transparent-disabled: var(--bg-disabled);
	--text-color-on-secondary-transparent-default: var(--orange-700);
	--text-color-on-secondary-transparent-hover: var(--orange-800);
	--text-color-on-secondary-transparent-active: var(--orange-900);
	--text-color-on-secondary-transparent-focus: var(--text-color-on-secondary-transparent-default);
	--text-color-on-secondary-transparent-selected: var(--text-color-on-dark-bg);
	--text-color-on-secondary-transparent-disabled: var(--text-color-disabled);
	--border-color-on-secondary-transparent-default: var(--text-color-on-secondary-transparent-default);
	--border-color-on-secondary-transparent-hover: var(--text-color-on-secondary-transparent-hover);
	--border-color-on-secondary-transparent-active: var(--text-color-on-secondary-transparent-active);
	--border-color-on-secondary-transparent-focus: var(--border-color-on-secondary-transparent-default);
	--border-color-on-secondary-transparent-selected: var(--bg-secondary-transparent-selected);
	--border-color-on-secondary-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Success ------------------------------ */
	--color-success-default: var(--green-600);
	--color-success-hover: var(--green-700);
	--color-success-active: var(--green-800);
	--color-success-focus: var(--color-success-default);
	--color-success-selected: var(--green-800);
	--bg-success-default: var(--color-success-default);
	--bg-success-hover: var(--color-success-hover);
	--bg-success-active: var(--color-success-active);
	--bg-success-focus: var(--color-success-focus);
	--bg-success-selected: var(--color-success-selected);
	--bg-success-disabled: var(--bg-disabled);
	--text-color-on-success-default: var(--text-color-on-dark-bg);
	--text-color-on-success-hover: var(--text-color-on-dark-bg);
	--text-color-on-success-active: var(--text-color-on-dark-bg);
	--text-color-on-success-focus: var(--text-color-on-success-default);
	--text-color-on-success-selected: var(--text-color-on-dark-bg);
	--text-color-on-success-disabled: var(--text-color-disabled);
	--border-color-on-success-default: var(--bg-success-default);
	--border-color-on-success-hover: var(--bg-success-hover);
	--border-color-on-success-active: var(--bg-success-active);
	--border-color-on-success-focus: var(--border-color-on-success-default);
	--border-color-on-success-selected: var(--bg-success-selected);
	--border-color-on-success-disabled: var(--border-color-disabled);
	--outline-color-on-success-focus: var(--green-600);
	--bg-success-lighter-default: var(--green-300);
	--bg-success-lighter-hover: var(--green-200);
	--bg-success-lighter-active: var(--green-100);
	--bg-success-lighter-focus: var(--bg-success-lighter-default);
	--bg-success-lighter-selected: var(--green-600);
	--bg-success-lighter-disabled: var(--bg-disabled);
	--text-color-on-success-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-focus: var(--text-color-on-success-lighter-default);
	--text-color-on-success-lighter-selected: var(--text-color-on-dark-bg);
	--text-color-on-success-lighter-disabled: var(--text-color-disabled);
	--border-color-on-success-lighter-default: var(--bg-success-lighter-default);
	--border-color-on-success-lighter-hover: var(--bg-success-lighter-hover);
	--border-color-on-success-lighter-active: var(--bg-success-lighter-active);
	--border-color-on-success-lighter-focus: var(--border-color-on-success-lighter-default);
	--border-color-on-success-lighter-selected: var(--bg-success-lighter-selected);
	--border-color-on-success-lighter-disabled: var(--border-color-disabled);
	--bg-success-transparent-default: var(--transparent);
	--bg-success-transparent-hover: var(--green-100);
	--bg-success-transparent-active: var(--green-200);
	--bg-success-transparent-focus: var(--bg-success-transparent-default);
	--bg-success-transparent-selected: var(--green-600);
	--bg-success-transparent-disabled: var(--bg-disabled);
	--text-color-on-success-transparent-default: var(--green-700);
	--text-color-on-success-transparent-hover: var(--green-800);
	--text-color-on-success-transparent-active: var(--green-900);
	--text-color-on-success-transparent-focus: var(--text-color-on-success-transparent-default);
	--text-color-on-success-transparent-selected: var(--text-color-on-dark-bg);
	--text-color-on-success-transparent-disabled: var(--text-color-disabled);
	--border-color-on-success-transparent-default: var(--text-color-on-success-transparent-default);
	--border-color-on-success-transparent-hover: var(--text-color-on-success-transparent-hover);
	--border-color-on-success-transparent-active: var(--text-color-on-success-transparent-active);
	--border-color-on-success-transparent-focus: var(--border-color-on-success-transparent-default);
	--border-color-on-success-transparent-selected: var(--bg-success-transparent-selected);
	--border-color-on-success-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Warning ------------------------------ */
	--color-warning-default: var(--yellow-400);
	--color-warning-hover: var(--yellow-300);
	--color-warning-active: var(--yellow-200);
	--color-warning-focus: var(--color-warning-default);
	--color-warning-selected: var(--yellow-700);
	--bg-warning-default: var(--color-warning-default);
	--bg-warning-hover: var(--color-warning-hover);
	--bg-warning-active: var(--color-warning-active);
	--bg-warning-focus: var(--color-warning-focus);
	--bg-warning-selected: var(--color-warning-selected);
	--bg-warning-disabled: var(--bg-disabled);
	--text-color-on-warning-default: var(--text-color-on-light-bg);
	--text-color-on-warning-hover: var(--text-color-on-light-bg);
	--text-color-on-warning-active: var(--text-color-on-light-bg);
	--text-color-on-warning-focus: var(--text-color-on-warning-default);
	--text-color-on-warning-selected: var(--text-color-on-dark-bg);
	--text-color-on-warning-disabled: var(--text-color-disabled);
	--border-color-on-warning-default: var(--bg-warning-default);
	--border-color-on-warning-hover: var(--bg-warning-hover);
	--border-color-on-warning-active: var(--bg-warning-active);
	--border-color-on-warning-focus: var(--border-color-on-warning-default);
	--border-color-on-warning-selected: var(--bg-warning-selected);
	--border-color-on-warning-disabled: var(--border-color-disabled);
	--outline-color-on-warning-focus: var(--yellow-700);
	--bg-warning-lighter-default: var(--yellow-300);
	--bg-warning-lighter-hover: var(--yellow-200);
	--bg-warning-lighter-active: var(--yellow-100);
	--bg-warning-lighter-focus: var(--bg-warning-lighter-default);
	--bg-warning-lighter-selected: var(--yellow-400);
	--bg-warning-lighter-disabled: var(--bg-disabled);
	--text-color-on-warning-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-focus: var(--text-color-on-warning-lighter-default);
	--text-color-on-warning-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-disabled: var(--text-color-disabled);
	--border-color-on-warning-lighter-default: var(--bg-warning-lighter-default);
	--border-color-on-warning-lighter-hover: var(--bg-warning-lighter-hover);
	--border-color-on-warning-lighter-active: var(--bg-warning-lighter-active);
	--border-color-on-warning-lighter-focus: var(--border-color-on-warning-lighter-default);
	--border-color-on-warning-lighter-selected: var(--bg-warning-lighter-selected);
	--border-color-on-warning-lighter-disabled: var(--border-color-disabled);
	--bg-warning-transparent-default: var(--transparent);
	--bg-warning-transparent-hover: var(--yellow-100);
	--bg-warning-transparent-active: var(--yellow-200);
	--bg-warning-transparent-focus: var(--bg-warning-transparent-default);
	--bg-warning-transparent-selected: var(--yellow-700);
	--bg-warning-transparent-disabled: var(--bg-disabled);
	--text-color-on-warning-transparent-default: var(--yellow-800);
	--text-color-on-warning-transparent-hover: var(--yellow-800);
	--text-color-on-warning-transparent-active: var(--yellow-900);
	--text-color-on-warning-transparent-focus: var(--text-color-on-warning-transparent-default);
	--text-color-on-warning-transparent-selected: var(--text-color-on-dark-bg);
	--text-color-on-warning-transparent-disabled: var(--text-color-disabled);
	--border-color-on-warning-transparent-default: var(--text-color-on-warning-transparent-default);
	--border-color-on-warning-transparent-hover: var(--text-color-on-warning-transparent-hover);
	--border-color-on-warning-transparent-active: var(--text-color-on-warning-transparent-active);
	--border-color-on-warning-transparent-focus: var(--border-color-on-warning-transparent-default);
	--border-color-on-warning-transparent-selected: var(--bg-warning-transparent-selected);
	--border-color-on-warning-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Danger ------------------------------ */
	--color-danger-default: var(--red-600);
	--color-danger-hover: var(--red-700);
	--color-danger-active: var(--red-800);
	--color-danger-focus: var(--color-danger-default);
	--color-danger-selected: var(--red-800);
	--bg-danger-default: var(--color-danger-default);
	--bg-danger-hover: var(--color-danger-hover);
	--bg-danger-active: var(--color-danger-active);
	--bg-danger-focus: var(--color-danger-focus);
	--bg-danger-selected: var(--color-danger-selected);
	--bg-danger-disabled: var(--bg-disabled);
	--text-color-on-danger-default: var(--text-color-on-dark-bg);
	--text-color-on-danger-hover: var(--text-color-on-dark-bg);
	--text-color-on-danger-active: var(--text-color-on-dark-bg);
	--text-color-on-danger-focus: var(--text-color-on-danger-default);
	--text-color-on-danger-selected: var(--text-color-on-dark-bg);
	--text-color-on-danger-disabled: var(--text-color-disabled);
	--border-color-on-danger-default: var(--bg-danger-default);
	--border-color-on-danger-hover: var(--bg-danger-hover);
	--border-color-on-danger-active: var(--bg-danger-active);
	--border-color-on-danger-focus: var(--border-color-on-danger-default);
	--border-color-on-danger-selected: var(--bg-danger-selected);
	--border-color-on-danger-disabled: var(--border-color-disabled);
	--outline-color-on-danger-focus: var(--red-600);
	--bg-danger-lighter-default: var(--red-300);
	--bg-danger-lighter-hover: var(--red-200);
	--bg-danger-lighter-active: var(--red-100);
	--bg-danger-lighter-focus: var(--bg-danger-lighter-default);
	--bg-danger-lighter-selected: var(--red-600);
	--bg-danger-lighter-disabled: var(--bg-disabled);
	--text-color-on-danger-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-focus: var(--text-color-on-danger-lighter-default);
	--text-color-on-danger-lighter-selected: var(--text-color-on-dark-bg);
	--text-color-on-danger-lighter-disabled: var(--text-color-disabled);
	--border-color-on-danger-lighter-default: var(--bg-danger-lighter-default);
	--border-color-on-danger-lighter-hover: var(--bg-danger-lighter-hover);
	--border-color-on-danger-lighter-active: var(--bg-danger-lighter-active);
	--border-color-on-danger-lighter-focus: var(--border-color-on-danger-lighter-default);
	--border-color-on-danger-lighter-selected: var(--bg-danger-lighter-selected);
	--border-color-on-danger-lighter-disabled: var(--border-color-disabled);
	--bg-danger-transparent-default: var(--transparent);
	--bg-danger-transparent-hover: var(--red-100);
	--bg-danger-transparent-active: var(--red-200);
	--bg-danger-transparent-focus: var(--bg-danger-transparent-default);
	--bg-danger-transparent-selected: var(--red-600);
	--bg-danger-transparent-disabled: var(--bg-disabled);
	--text-color-on-danger-transparent-default: var(--color-danger-default);
	--text-color-on-danger-transparent-hover: var(--color-danger-hover);
	--text-color-on-danger-transparent-active: var(--color-danger-active);
	--text-color-on-danger-transparent-focus: var(--text-color-on-danger-transparent-default);
	--text-color-on-danger-transparent-selected: var(--text-color-on-dark-bg);
	--text-color-on-danger-transparent-disabled: var(--text-color-disabled);
	--border-color-on-danger-transparent-default: var(--text-color-on-danger-transparent-default);
	--border-color-on-danger-transparent-hover: var(--text-color-on-danger-transparent-hover);
	--border-color-on-danger-transparent-active: var(--text-color-on-danger-transparent-active);
	--border-color-on-danger-transparent-focus: var(--border-color-on-danger-transparent-default);
	--border-color-on-danger-transparent-selected: var(--bg-danger-transparent-selected);
	--border-color-on-danger-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Info ------------------------------ */
	--color-info-default: var(--cyan-600);
	--color-info-hover: var(--cyan-700);
	--color-info-active: var(--cyan-800);
	--color-info-focus: var(--color-info-default);
	--color-info-selected: var(--cyan-800);
	--bg-info-default: var(--color-info-default);
	--bg-info-hover: var(--color-info-hover);
	--bg-info-active: var(--color-info-active);
	--bg-info-focus: var(--color-info-focus);
	--bg-info-selected: var(--color-info-selected);
	--bg-info-disabled: var(--bg-disabled);
	--text-color-on-info-default: var(--text-color-on-dark-bg);
	--text-color-on-info-hover: var(--text-color-on-dark-bg);
	--text-color-on-info-active: var(--text-color-on-dark-bg);
	--text-color-on-info-focus: var(--text-color-on-info-default);
	--text-color-on-info-selected: var(--text-color-on-dark-bg);
	--text-color-on-info-disabled: var(--text-color-disabled);
	--border-color-on-info-default: var(--bg-info-default);
	--border-color-on-info-hover: var(--bg-info-hover);
	--border-color-on-info-active: var(--bg-info-active);
	--border-color-on-info-focus: var(--border-color-on-info-default);
	--border-color-on-info-selected: var(--bg-info-selected);
	--border-color-on-info-disabled: var(--border-color-disabled);
	--outline-color-on-info-focus: var(--cyan-600);
	--bg-info-lighter-default: var(--cyan-300);
	--bg-info-lighter-hover: var(--cyan-200);
	--bg-info-lighter-active: var(--cyan-100);
	--bg-info-lighter-focus: var(--bg-info-lighter-default);
	--bg-info-lighter-selected: var(--cyan-600);
	--bg-info-lighter-disabled: var(--bg-disabled);
	--text-color-on-info-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-focus: var(--text-color-on-info-lighter-default);
	--text-color-on-info-lighter-selected: var(--text-color-on-dark-bg);
	--text-color-on-info-lighter-disabled: var(--text-color-disabled);
	--border-color-on-info-lighter-default: var(--bg-info-lighter-default);
	--border-color-on-info-lighter-hover: var(--bg-info-lighter-hover);
	--border-color-on-info-lighter-active: var(--bg-info-lighter-active);
	--border-color-on-info-lighter-focus: var(--border-color-on-info-lighter-default);
	--border-color-on-info-lighter-selected: var(--bg-info-lighter-selected);
	--border-color-on-info-lighter-disabled: var(--border-color-disabled);
	--bg-info-transparent-default: var(--transparent);
	--bg-info-transparent-hover: var(--cyan-100);
	--bg-info-transparent-active: var(--cyan-200);
	--bg-info-transparent-focus: var(--bg-info-transparent-default);
	--bg-info-transparent-selected: var(--cyan-600);
	--bg-info-transparent-disabled: var(--bg-disabled);
	--text-color-on-info-transparent-default: var(--color-info-default);
	--text-color-on-info-transparent-hover: var(--color-info-hover);
	--text-color-on-info-transparent-active: var(--color-info-active);
	--text-color-on-info-transparent-focus: var(--text-color-on-info-transparent-default);
	--text-color-on-info-transparent-selected: var(--text-color-on-dark-bg);
	--text-color-on-info-transparent-disabled: var(--text-color-disabled);
	--border-color-on-info-transparent-default: var(--text-color-on-info-transparent-default);
	--border-color-on-info-transparent-hover: var(--text-color-on-info-transparent-hover);
	--border-color-on-info-transparent-active: var(--text-color-on-info-transparent-active);
	--border-color-on-info-transparent-focus: var(--border-color-on-info-transparent-default);
	--border-color-on-info-transparent-selected: var(--bg-info-transparent-selected);
	--border-color-on-info-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Text Colors - Display ------------------------------ */
	--text-display-color: var(--text-color-default);
	--text-d1-color: var(--text-display-color);
	--text-d2-color: var(--text-display-color);
	--text-d3-color: var(--text-display-color);
	--text-d4-color: var(--text-display-color);
	--text-d5-color: var(--text-display-color);
	--text-d6-color: var(--text-display-color);
	/* ------------------------------ Text Colors - Heading ------------------------------ */
	--text-heading-color: var(--text-color-default);
	--text-heading-small-color: var(--text-color-accent);
	--text-h1-color: var(--text-heading-color);
	--text-h2-color: var(--text-heading-color);
	--text-h3-color: var(--text-heading-color);
	--text-h4-color: var(--text-heading-color);
	--text-h5-color: var(--text-heading-color);
	--text-h6-color: var(--text-heading-color);
	--page-header-border-color: var(--border-color-default);
	/* ------------------------------ Text Colors - Special ------------------------------ */
	--code-color: var(--red-700);
	--code-bg: var(--white);
	--kbd-color: var(--white);
	--kbd-bg: var(--gray-800);
	--pre-bg: var(--white);
	--pre-color: var(--gray-800);
	--pre-border-color: var(--gray-350);
	--abbr-border-color: var(--gray-400);
	--text-muted: var(--text-color-accent);
}

[data-bs-theme="dark"] {
	/* ------------------------------ Brand Colors ------------------------------ */
	--brand-primary-lighter: var(--blue-300);
	--brand-primary-default: var(--blue-500);
	--brand-primary-darker: var(--blue-600);
	--brand-secondary-lighter: var(--orange-400);
	--brand-secondary-default: var(--orange-500);
	--brand-secondary-darker: var(--orange-600);
	--brand-tertiary-lighter: var(--green-300);
	--brand-tertiary-default: var(--green-500);
	--brand-tertiary-darker: var(--green-600);
	/* ------------------------------ Background Colors ------------------------------ */
	--bg-body: var(--black);
	--bg-default: var(--black);
	--bg-accent: var(--gray-800);
	--bg-light: var(--white);
	--bg-dark: var(--black);
	--bg-disabled: var(--gray-900);
	--bg-primary: var(--blue-500);
	--bg-secondary: var(--orange-400);
	--bg-success: var(--green-400);
	--bg-warning: var(--yellow-400);
	--bg-danger: var(--red-600);
	--bg-info: var(--cyan-400);
	--bg-overlay-global: rgba(0, 0, 0, 0.75);
	--bg-overlay-contextual: rgba(0, 0, 0, 0.75);
	/* ------------------------------ Text Colors ------------------------------ */
	--text-color-on-dark-bg: var(--white);
	--text-color-on-light-bg: var(--black);
	--text-color-default: var(--white);
	--text-color-accent: var(--gray-300);
	--text-color-light: var(--white);
	--text-color-dark: var(--black);
	--text-color-disabled: var(--gray-600);
	--text-color-primary: var(--blue-300);
	--text-color-secondary: var(--orange-400);
	--text-color-success: var(--green-400);
	--text-color-warning: var(--yellow-400);
	--text-color-danger: var(--red-400);
	--text-color-info: var(--cyan-400);
	/* ------------------------------ Border Colors ------------------------------ */
	--border-color-default: var(--gray-700);
	--border-color-accent: var(--gray-800);
	--border-color-light: var(--white);
	--border-color-dark: var(--black);
	--border-color-disabled: var(--gray-700);
	--border-color-primary: var(--blue-400);
	--border-color-secondary: var(--orange-400);
	--border-color-success: var(--green-400);
	--border-color-warning: var(--yellow-400);
	--border-color-danger: var(--red-400);
	--border-color-info: var(--cyan-400);
	/* ------------------------------ Shadow Colors ------------------------------ */
	--shadow-color: rgba(0, 0, 0, 0.75);
	--shadow-border-color: rgba(0, 0, 0, 0.75);
	/* ------------------------------ Interactive Colors - Primary ------------------------------ */
	--color-primary-default: var(--blue-500);
	--color-primary-hover: var(--blue-600);
	--color-primary-active: var(--blue-700);
	--color-primary-focus: var(--color-primary-default);
	--color-primary-selected: var(--blue-700);
	--bg-primary-default: var(--color-primary-default);
	--bg-primary-hover: var(--color-primary-hover);
	--bg-primary-active: var(--color-primary-active);
	--bg-primary-focus: var(--color-primary-focus);
	--bg-primary-selected: var(--color-primary-selected);
	--bg-primary-disabled: var(--bg-disabled);
	--text-color-on-primary-default: var(--text-color-on-dark-bg);
	--text-color-on-primary-hover: var(--text-color-on-dark-bg);
	--text-color-on-primary-active: var(--text-color-on-dark-bg);
	--text-color-on-primary-focus: var(--text-color-on-primary-default);
	--text-color-on-primary-selected: var(--text-color-on-dark-bg);
	--text-color-on-primary-disabled: var(--text-color-disabled);
	--border-color-on-primary-default: var(--bg-primary-default);
	--border-color-on-primary-hover: var(--bg-primary-hover);
	--border-color-on-primary-active: var(--bg-primary-active);
	--border-color-on-primary-focus: var(--border-color-on-primary-default);
	--border-color-on-primary-selected: var(--bg-primary-selected);
	--border-color-on-primary-disabled: var(--border-color-disabled);
	--outline-color-on-primary-focus: var(--blue-400);
	--bg-primary-lighter-default: var(--blue-300);
	--bg-primary-lighter-hover: var(--blue-200);
	--bg-primary-lighter-active: var(--blue-100);
	--bg-primary-lighter-focus: var(--bg-primary-lighter-default);
	--bg-primary-lighter-selected: var(--blue-500);
	--bg-primary-lighter-disabled: var(--bg-disabled);
	--text-color-on-primary-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-primary-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-primary-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-primary-lighter-focus: var(--text-color-on-primary-lighter-default);
	--text-color-on-primary-lighter-selected: var(--text-color-on-dark-bg);
	--text-color-on-primary-lighter-disabled: var(--text-color-disabled);
	--border-color-on-primary-lighter-default: var(--bg-primary-lighter-default);
	--border-color-on-primary-lighter-hover: var(--bg-primary-lighter-hover);
	--border-color-on-primary-lighter-active: var(--bg-primary-lighter-active);
	--border-color-on-primary-lighter-focus: var(--border-color-on-primary-lighter-default);
	--border-color-on-primary-lighter-selected: var(--bg-primary-lighter-selected);
	--border-color-on-primary-lighter-disabled: var(--border-color-disabled);
	--bg-primary-transparent-default: var(--transparent);
	--bg-primary-transparent-hover: var(--blue-900);
	--bg-primary-transparent-active: var(--blue-800);
	--bg-primary-transparent-focus: var(--bg-primary-transparent-default);
	--bg-primary-transparent-selected: var(--blue-300);
	--bg-primary-transparent-disabled: var(--bg-disabled);
	--text-color-on-primary-transparent-default: var(--blue-300);
	--text-color-on-primary-transparent-hover: var(--blue-200);
	--text-color-on-primary-transparent-active: var(--blue-100);
	--text-color-on-primary-transparent-focus: var(--text-color-on-primary-transparent-default);
	--text-color-on-primary-transparent-selected: var(--text-color-on-light-bg);
	--text-color-on-primary-transparent-disabled: var(--text-color-disabled);
	--border-color-on-primary-transparent-default: var(--text-color-on-primary-transparent-default);
	--border-color-on-primary-transparent-hover: var(--text-color-on-primary-transparent-hover);
	--border-color-on-primary-transparent-active: var(--text-color-on-primary-transparent-active);
	--border-color-on-primary-transparent-focus: var(--border-color-on-primary-transparent-default);
	--border-color-on-primary-transparent-selected: var(--bg-primary-transparent-selected);
	--border-color-on-primary-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Secondary ------------------------------ */
	--color-secondary-default: var(--orange-400);
	--color-secondary-hover: var(--orange-300);
	--color-secondary-active: var(--orange-200);
	--color-secondary-focus: var(--color-secondary-default);
	--color-secondary-selected: var(--orange-700);
	--bg-secondary-default: var(--color-secondary-default);
	--bg-secondary-hover: var(--color-secondary-hover);
	--bg-secondary-active: var(--color-secondary-active);
	--bg-secondary-focus: var(--color-secondary-focus);
	--bg-secondary-selected: var(--color-secondary-selected);
	--bg-secondary-disabled: var(--bg-disabled);
	--text-color-on-secondary-default: var(--text-color-on-light-bg);
	--text-color-on-secondary-hover: var(--text-color-on-light-bg);
	--text-color-on-secondary-active: var(--text-color-on-light-bg);
	--text-color-on-secondary-focus: var(--text-color-on-secondary-default);
	--text-color-on-secondary-selected: var(--text-color-on-dark-bg);
	--text-color-on-secondary-disabled: var(--text-color-disabled);
	--border-color-on-secondary-default: var(--bg-secondary-default);
	--border-color-on-secondary-hover: var(--bg-secondary-hover);
	--border-color-on-secondary-active: var(--bg-secondary-active);
	--border-color-on-secondary-focus: var(--border-color-on-secondary-default);
	--border-color-on-secondary-selected: var(--bg-secondary-selected);
	--border-color-on-secondary-disabled: var(--border-color-disabled);
	--outline-color-on-secondary-focus: var(--orange-500);
	--bg-secondary-lighter-default: var(--orange-300);
	--bg-secondary-lighter-hover: var(--orange-200);
	--bg-secondary-lighter-active: var(--orange-100);
	--bg-secondary-lighter-focus: var(--bg-secondary-lighter-default);
	--bg-secondary-lighter-selected: var(--orange-400);
	--bg-secondary-lighter-disabled: var(--bg-disabled);
	--text-color-on-secondary-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-focus: var(--text-color-on-secondary-lighter-default);
	--text-color-on-secondary-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-secondary-lighter-disabled: var(--text-color-disabled);
	--border-color-on-secondary-lighter-default: var(--bg-secondary-lighter-default);
	--border-color-on-secondary-lighter-hover: var(--bg-secondary-lighter-hover);
	--border-color-on-secondary-lighter-active: var(--bg-secondary-lighter-active);
	--border-color-on-secondary-lighter-focus: var(--border-color-on-secondary-lighter-default);
	--border-color-on-secondary-lighter-selected: var(--bg-secondary-lighter-selected);
	--border-color-on-secondary-lighter-disabled: var(--border-color-disabled);
	--bg-secondary-transparent-default: var(--transparent);
	--bg-secondary-transparent-hover: var(--orange-900);
	--bg-secondary-transparent-active: var(--orange-800);
	--bg-secondary-transparent-focus: var(--bg-secondary-transparent-default);
	--bg-secondary-transparent-selected: var(--orange-400);
	--bg-secondary-transparent-disabled: var(--bg-disabled);
	--text-color-on-secondary-transparent-default: var(--color-secondary-default);
	--text-color-on-secondary-transparent-hover: var(--color-secondary-hover);
	--text-color-on-secondary-transparent-active: var(--color-secondary-active);
	--text-color-on-secondary-transparent-focus: var(--text-color-on-secondary-transparent-default);
	--text-color-on-secondary-transparent-selected: var(--text-color-on-light-bg);
	--text-color-on-secondary-transparent-disabled: var(--text-color-disabled);
	--border-color-on-secondary-transparent-default: var(--text-color-on-secondary-transparent-default);
	--border-color-on-secondary-transparent-hover: var(--text-color-on-secondary-transparent-hover);
	--border-color-on-secondary-transparent-active: var(--text-color-on-secondary-transparent-active);
	--border-color-on-secondary-transparent-focus: var(--border-color-on-secondary-transparent-default);
	--border-color-on-secondary-transparent-selected: var(--bg-secondary-transparent-selected);
	--border-color-on-secondary-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Success ------------------------------ */
	--color-success-default: var(--green-400);
	--color-success-hover: var(--green-300);
	--color-success-active: var(--green-200);
	--color-success-focus: var(--color-success-default);
	--color-success-selected: var(--green-600);
	--bg-success-default: var(--color-success-default);
	--bg-success-hover: var(--color-success-hover);
	--bg-success-active: var(--color-success-active);
	--bg-success-focus: var(--color-success-focus);
	--bg-success-selected: var(--color-success-selected);
	--bg-success-disabled: var(--bg-disabled);
	--text-color-on-success-default: var(--text-color-on-light-bg);
	--text-color-on-success-hover: var(--text-color-on-light-bg);
	--text-color-on-success-active: var(--text-color-on-light-bg);
	--text-color-on-success-focus: var(--text-color-on-success-default);
	--text-color-on-success-selected: var(--text-color-on-dark-bg);
	--text-color-on-success-disabled: var(--text-color-disabled);
	--border-color-on-success-default: var(--bg-success-default);
	--border-color-on-success-hover: var(--bg-success-hover);
	--border-color-on-success-active: var(--bg-success-active);
	--border-color-on-success-focus: var(--border-color-on-success-default);
	--border-color-on-success-selected: var(--bg-success-selected);
	--border-color-on-success-disabled: var(--border-color-disabled);
	--outline-color-on-success-focus: var(--green-300);
	--bg-success-lighter-default: var(--green-200);
	--bg-success-lighter-hover: var(--green-100);
	--bg-success-lighter-active: var(--white);
	--bg-success-lighter-focus: var(--bg-success-lighter-default);
	--bg-success-lighter-selected: var(--green-400);
	--bg-success-lighter-disabled: var(--bg-disabled);
	--text-color-on-success-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-focus: var(--text-color-on-success-lighter-default);
	--text-color-on-success-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-success-lighter-disabled: var(--text-color-disabled);
	--border-color-on-success-lighter-default: var(--bg-success-lighter-default);
	--border-color-on-success-lighter-hover: var(--bg-success-lighter-hover);
	--border-color-on-success-lighter-active: var(--bg-success-lighter-active);
	--border-color-on-success-lighter-focus: var(--border-color-on-success-lighter-default);
	--border-color-on-success-lighter-selected: var(--bg-success-lighter-selected);
	--border-color-on-success-lighter-disabled: var(--border-color-disabled);
	--bg-success-transparent-default: var(--transparent);
	--bg-success-transparent-hover: var(--green-900);
	--bg-success-transparent-active: var(--green-800);
	--bg-success-transparent-focus: var(--bg-success-transparent-default);
	--bg-success-transparent-selected: var(--green-400);
	--bg-success-transparent-disabled: var(--bg-disabled);
	--text-color-on-success-transparent-default: var(--color-success-default);
	--text-color-on-success-transparent-hover: var(--color-success-hover);
	--text-color-on-success-transparent-active: var(--color-success-active);
	--text-color-on-success-transparent-focus: var(--text-color-on-success-transparent-default);
	--text-color-on-success-transparent-selected: var(--text-color-on-light-bg);
	--text-color-on-success-transparent-disabled: var(--text-color-disabled);
	--border-color-on-success-transparent-default: var(--text-color-on-success-transparent-default);
	--border-color-on-success-transparent-hover: var(--text-color-on-success-transparent-hover);
	--border-color-on-success-transparent-active: var(--text-color-on-success-transparent-active);
	--border-color-on-success-transparent-focus: var(--border-color-on-success-transparent-default);
	--border-color-on-success-transparent-selected: var(--bg-success-transparent-selected);
	--border-color-on-success-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Warning ------------------------------ */
	--color-warning-default: var(--yellow-400);
	--color-warning-hover: var(--yellow-300);
	--color-warning-active: var(--yellow-200);
	--color-warning-focus: var(--color-warning-default);
	--color-warning-selected: var(--yellow-700);
	--bg-warning-default: var(--color-warning-default);
	--bg-warning-hover: var(--color-warning-hover);
	--bg-warning-active: var(--color-warning-active);
	--bg-warning-focus: var(--color-warning-focus);
	--bg-warning-selected: var(--color-warning-selected);
	--bg-warning-disabled: var(--bg-disabled);
	--text-color-on-warning-default: var(--text-color-on-light-bg);
	--text-color-on-warning-hover: var(--text-color-on-light-bg);
	--text-color-on-warning-active: var(--text-color-on-light-bg);
	--text-color-on-warning-focus: var(--text-color-on-warning-default);
	--text-color-on-warning-selected: var(--text-color-on-dark-bg);
	--text-color-on-warning-disabled: var(--text-color-disabled);
	--border-color-on-warning-default: var(--bg-warning-default);
	--border-color-on-warning-hover: var(--bg-warning-hover);
	--border-color-on-warning-active: var(--bg-warning-active);
	--border-color-on-warning-focus: var(--border-color-on-warning-default);
	--border-color-on-warning-selected: var(--bg-warning-selected);
	--border-color-on-warning-disabled: var(--border-color-disabled);
	--outline-color-on-warning-focus: var(--yellow-400);
	--bg-warning-lighter-default: var(--yellow-300);
	--bg-warning-lighter-hover: var(--yellow-200);
	--bg-warning-lighter-active: var(--yellow-100);
	--bg-warning-lighter-focus: var(--bg-warning-lighter-default);
	--bg-warning-lighter-selected: var(--yellow-400);
	--bg-warning-lighter-disabled: var(--bg-disabled);
	--text-color-on-warning-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-focus: var(--text-color-on-warning-lighter-default);
	--text-color-on-warning-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-warning-lighter-disabled: var(--text-color-disabled);
	--border-color-on-warning-lighter-default: var(--bg-warning-lighter-default);
	--border-color-on-warning-lighter-hover: var(--bg-warning-lighter-hover);
	--border-color-on-warning-lighter-active: var(--bg-warning-lighter-active);
	--border-color-on-warning-lighter-focus: var(--border-color-on-warning-lighter-default);
	--border-color-on-warning-lighter-selected: var(--bg-warning-lighter-selected);
	--border-color-on-warning-lighter-disabled: var(--border-color-disabled);
	--bg-warning-transparent-default: var(--transparent);
	--bg-warning-transparent-hover: var(--yellow-900);
	--bg-warning-transparent-active: var(--yellow-800);
	--bg-warning-transparent-focus: var(--bg-warning-transparent-default);
	--bg-warning-transparent-selected: var(--yellow-400);
	--bg-warning-transparent-disabled: var(--bg-disabled);
	--text-color-on-warning-transparent-default: var(--color-warning-default);
	--text-color-on-warning-transparent-hover: var(--color-warning-hover);
	--text-color-on-warning-transparent-active: var(--color-warning-active);
	--text-color-on-warning-transparent-focus: var(--text-color-on-warning-transparent-default);
	--text-color-on-warning-transparent-selected: var(--text-color-on-light-bg);
	--text-color-on-warning-transparent-disabled: var(--text-color-disabled);
	--border-color-on-warning-transparent-default: var(--text-color-on-warning-transparent-default);
	--border-color-on-warning-transparent-hover: var(--text-color-on-warning-transparent-hover);
	--border-color-on-warning-transparent-active: var(--text-color-on-warning-transparent-active);
	--border-color-on-warning-transparent-focus: var(--border-color-on-warning-transparent-default);
	--border-color-on-warning-transparent-selected: var(--bg-warning-transparent-selected);
	--border-color-on-warning-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Danger ------------------------------ */
	--color-danger-default: var(--red-600);
	--color-danger-hover: var(--red-700);
	--color-danger-active: var(--red-800);
	--color-danger-focus: var(--color-danger-default);
	--color-danger-selected: var(--red-800);
	--bg-danger-default: var(--color-danger-default);
	--bg-danger-hover: var(--color-danger-hover);
	--bg-danger-active: var(--color-danger-active);
	--bg-danger-focus: var(--color-danger-focus);
	--bg-danger-selected: var(--color-danger-selected);
	--bg-danger-disabled: var(--bg-disabled);
	--text-color-on-danger-default: var(--text-color-on-dark-bg);
	--text-color-on-danger-hover: var(--text-color-on-dark-bg);
	--text-color-on-danger-active: var(--text-color-on-dark-bg);
	--text-color-on-danger-focus: var(--text-color-on-danger-default);
	--text-color-on-danger-selected: var(--text-color-on-dark-bg);
	--text-color-on-danger-disabled: var(--text-color-disabled);
	--border-color-on-danger-default: var(--bg-danger-default);
	--border-color-on-danger-hover: var(--bg-danger-hover);
	--border-color-on-danger-active: var(--bg-danger-active);
	--border-color-on-danger-focus: var(--border-color-on-danger-default);
	--border-color-on-danger-selected: var(--bg-danger-selected);
	--border-color-on-danger-disabled: var(--border-color-disabled);
	--outline-color-on-danger-focus: var(--red-400);
	--bg-danger-lighter-default: var(--red-300);
	--bg-danger-lighter-hover: var(--red-200);
	--bg-danger-lighter-active: var(--red-100);
	--bg-danger-lighter-focus: var(--bg-danger-lighter-default);
	--bg-danger-lighter-selected: var(--red-400);
	--bg-danger-lighter-disabled: var(--bg-disabled);
	--text-color-on-danger-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-focus: var(--text-color-on-danger-lighter-default);
	--text-color-on-danger-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-danger-lighter-disabled: var(--text-color-disabled);
	--border-color-on-danger-lighter-default: var(--bg-danger-lighter-default);
	--border-color-on-danger-lighter-hover: var(--bg-danger-lighter-hover);
	--border-color-on-danger-lighter-active: var(--bg-danger-lighter-active);
	--border-color-on-danger-lighter-focus: var(--border-color-on-danger-lighter-default);
	--border-color-on-danger-lighter-selected: var(--bg-danger-lighter-selected);
	--border-color-on-danger-lighter-disabled: var(--border-color-disabled);
	--bg-danger-transparent-default: var(--transparent);
	--bg-danger-transparent-hover: var(--red-900);
	--bg-danger-transparent-active: var(--red-800);
	--bg-danger-transparent-focus: var(--bg-danger-transparent-default);
	--bg-danger-transparent-selected: var(--red-400);
	--bg-danger-transparent-disabled: var(--bg-disabled);
	--text-color-on-danger-transparent-default: var(--red-400);
	--text-color-on-danger-transparent-hover: var(--red-300);
	--text-color-on-danger-transparent-active: var(--red-200);
	--text-color-on-danger-transparent-focus: var(--text-color-on-danger-transparent-default);
	--text-color-on-danger-transparent-selected: var(--text-color-on-light-bg);
	--text-color-on-danger-transparent-disabled: var(--text-color-disabled);
	--border-color-on-danger-transparent-default: var(--text-color-on-danger-transparent-default);
	--border-color-on-danger-transparent-hover: var(--text-color-on-danger-transparent-hover);
	--border-color-on-danger-transparent-active: var(--text-color-on-danger-transparent-active);
	--border-color-on-danger-transparent-focus: var(--border-color-on-danger-transparent-default);
	--border-color-on-danger-transparent-selected: var(--bg-danger-transparent-selected);
	--border-color-on-danger-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Interactive Colors - Info ------------------------------ */
	--color-info-default: var(--cyan-400);
	--color-info-hover: var(--cyan-300);
	--color-info-active: var(--cyan-200);
	--color-info-focus: var(--color-info-default);
	--color-info-selected: var(--cyan-600);
	--bg-info-default: var(--color-info-default);
	--bg-info-hover: var(--color-info-hover);
	--bg-info-active: var(--color-info-active);
	--bg-info-focus: var(--color-info-focus);
	--bg-info-selected: var(--color-info-selected);
	--bg-info-disabled: var(--bg-disabled);
	--text-color-on-info-default: var(--text-color-on-light-bg);
	--text-color-on-info-hover: var(--text-color-on-light-bg);
	--text-color-on-info-active: var(--text-color-on-light-bg);
	--text-color-on-info-focus: var(--text-color-on-info-default);
	--text-color-on-info-selected: var(--text-color-on-dark-bg);
	--text-color-on-info-disabled: var(--text-color-disabled);
	--border-color-on-info-default: var(--bg-info-default);
	--border-color-on-info-hover: var(--bg-info-hover);
	--border-color-on-info-active: var(--bg-info-active);
	--border-color-on-info-focus: var(--border-color-on-info-default);
	--border-color-on-info-selected: var(--bg-info-selected);
	--border-color-on-info-disabled: var(--border-color-disabled);
	--outline-color-on-info-focus: var(--cyan-400);
	--bg-info-lighter-default: var(--cyan-300);
	--bg-info-lighter-hover: var(--cyan-200);
	--bg-info-lighter-active: var(--cyan-100);
	--bg-info-lighter-focus: var(--bg-info-lighter-default);
	--bg-info-lighter-selected: var(--cyan-400);
	--bg-info-lighter-disabled: var(--bg-disabled);
	--text-color-on-info-lighter-default: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-hover: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-active: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-focus: var(--text-color-on-info-lighter-default);
	--text-color-on-info-lighter-selected: var(--text-color-on-light-bg);
	--text-color-on-info-lighter-disabled: var(--text-color-disabled);
	--border-color-on-info-lighter-default: var(--bg-info-lighter-default);
	--border-color-on-info-lighter-hover: var(--bg-info-lighter-hover);
	--border-color-on-info-lighter-active: var(--bg-info-lighter-active);
	--border-color-on-info-lighter-focus: var(--border-color-on-info-lighter-default);
	--border-color-on-info-lighter-selected: var(--bg-info-lighter-selected);
	--border-color-on-info-lighter-disabled: var(--border-color-disabled);
	--bg-info-transparent-default: var(--transparent);
	--bg-info-transparent-hover: var(--cyan-900);
	--bg-info-transparent-active: var(--cyan-800);
	--bg-info-transparent-focus: var(--bg-info-transparent-default);
	--bg-info-transparent-selected: var(--cyan-400);
	--bg-info-transparent-disabled: var(--bg-disabled);
	--text-color-on-info-transparent-default: var(--color-info-default);
	--text-color-on-info-transparent-hover: var(--color-info-hover);
	--text-color-on-info-transparent-active: var(--color-info-active);
	--text-color-on-info-transparent-focus: var(--text-color-on-info-transparent-default);
	--text-color-on-info-transparent-selected: var(--text-color-on-light-bg);
	--text-color-on-info-transparent-disabled: var(--text-color-disabled);
	--border-color-on-info-transparent-default: var(--text-color-on-info-transparent-default);
	--border-color-on-info-transparent-hover: var(--text-color-on-info-transparent-hover);
	--border-color-on-info-transparent-active: var(--text-color-on-info-transparent-active);
	--border-color-on-info-transparent-focus: var(--border-color-on-info-transparent-default);
	--border-color-on-info-transparent-selected: var(--bg-info-transparent-selected);
	--border-color-on-info-transparent-disabled: var(--border-color-disabled);
	/* ------------------------------ Text Colors - Display ------------------------------ */
	--text-display-color: var(--text-color-default);
	--text-d1-color: var(--text-display-color);
	--text-d2-color: var(--text-display-color);
	--text-d3-color: var(--text-display-color);
	--text-d4-color: var(--text-display-color);
	--text-d5-color: var(--text-display-color);
	--text-d6-color: var(--text-display-color);
	/* ------------------------------ Text Colors - Heading ------------------------------ */
	--text-heading-color: var(--text-color-default);
	--text-heading-small-color: var(--text-color-accent);
	--text-h1-color: var(--text-heading-color);
	--text-h2-color: var(--text-heading-color);
	--text-h3-color: var(--text-heading-color);
	--text-h4-color: var(--text-heading-color);
	--text-h5-color: var(--text-heading-color);
	--text-h6-color: var(--text-heading-color);
	--page-header-border-color: var(--border-color-default);
	/* ------------------------------ Text Colors - Special ------------------------------ */
	--code-color: var(--red-700);
	--code-bg: var(--white);
	--kbd-color: var(--white);
	--kbd-bg: var(--gray-800);
	--pre-bg: var(--white);
	--pre-color: var(--gray-800);
	--pre-border-color: var(--gray-350);
	--abbr-border-color: var(--gray-400);
	--text-muted: var(--text-color-accent);
}

/* ------------------------------ RESETS: Normalize - Bootstrap ------------------------------ */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* ------------------------------ RESETS: Normalize - Bootstrap - Print ------------------------------ */
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*,
	*:before,
	*:after {
		color: #000 !important;
		text-shadow: none !important;
		background: transparent !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	.navbar {
		display: none;
	}
	.btn > .caret,
	.dropup > .btn > .caret {
		border-top-color: #000 !important;
	}
	.label {
		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 #ddd !important;
	}
}
/* ------------------------------ RESETS: Normalize ------------------------------ */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/* ------------------------------ RESETS: Normalize - Custom ------------------------------ */
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

@-ms-viewport {
	width: device-width;
}
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

*,
textarea,
select,
input {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

[hidden] {
	display: none !important;
}

[role="button"] {
	cursor: pointer;
}

/* ------------------------------ DESIGN: Accessibility ------------------------------ */
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

/* ------------------------------ DESIGN: Animations ------------------------------ */
.collapse:not(.show) {
	display: none;
}
.collapse.in {
	display: block;
}
tr .collapse.in {
	display: table-row;
}
tbody .collapse.in {
	display: table-row-group;
}

.collapsing {
	-webkit-transition: visibility 0.35s ease;
	transition: visibility 0.35s ease;
	position: relative;
	height: 0;
	overflow: hidden;
}

.fade {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	opacity: 0;
}
.fade.in,
.fade.show {
	opacity: 1;
}

/* ------------------------------ DESIGN: Backgrounds ------------------------------ */
.bg-black {
	background-color: var(--black) !important;
}

.bg-white {
	background-color: var(--white) !important;
}

.bg-transparent {
	background-color: var(--transparent) !important;
}

.bg-white-opacity-50 {
	background-color: var(--white-opacity-50) !important;
}

.bg-black-opacity-50 {
	background-color: var(--black-opacity-50) !important;
}

.bg-gray-050 {
	background-color: var(--gray-050) !important;
}

.bg-gray-100 {
	background-color: var(--gray-100) !important;
}

.bg-gray-150 {
	background-color: var(--gray-150) !important;
}

.bg-gray-200 {
	background-color: var(--gray-200) !important;
}

.bg-gray-250 {
	background-color: var(--gray-250) !important;
}

.bg-gray-300 {
	background-color: var(--gray-300) !important;
}

.bg-gray-350 {
	background-color: var(--gray-350) !important;
}

.bg-gray-400 {
	background-color: var(--gray-400) !important;
}

.bg-gray-450 {
	background-color: var(--gray-450) !important;
}

.bg-gray-500 {
	background-color: var(--gray-500) !important;
}

.bg-gray-550 {
	background-color: var(--gray-550) !important;
}

.bg-gray-600 {
	background-color: var(--gray-600) !important;
}

.bg-gray-650 {
	background-color: var(--gray-650) !important;
}

.bg-gray-700 {
	background-color: var(--gray-700) !important;
}

.bg-gray-750 {
	background-color: var(--gray-750) !important;
}

.bg-gray-800 {
	background-color: var(--gray-800) !important;
}

.bg-gray-850 {
	background-color: var(--gray-850) !important;
}

.bg-gray-900 {
	background-color: var(--gray-900) !important;
}

.bg-red-100 {
	background-color: var(--red-100) !important;
}

.bg-red-200 {
	background-color: var(--red-200) !important;
}

.bg-red-300 {
	background-color: var(--red-300) !important;
}

.bg-red-400 {
	background-color: var(--red-400) !important;
}

.bg-red-500 {
	background-color: var(--red-500) !important;
}

.bg-red-600 {
	background-color: var(--red-600) !important;
}

.bg-red-700 {
	background-color: var(--red-700) !important;
}

.bg-red-800 {
	background-color: var(--red-800) !important;
}

.bg-red-900 {
	background-color: var(--red-900) !important;
}

.bg-orange-100 {
	background-color: var(--orange-100) !important;
}

.bg-orange-200 {
	background-color: var(--orange-200) !important;
}

.bg-orange-300 {
	background-color: var(--orange-300) !important;
}

.bg-orange-400 {
	background-color: var(--orange-400) !important;
}

.bg-orange-500 {
	background-color: var(--orange-500) !important;
}

.bg-orange-600 {
	background-color: var(--orange-600) !important;
}

.bg-orange-700 {
	background-color: var(--orange-700) !important;
}

.bg-orange-800 {
	background-color: var(--orange-800) !important;
}

.bg-orange-900 {
	background-color: var(--orange-900) !important;
}

.bg-yellow-100 {
	background-color: var(--yellow-100) !important;
}

.bg-yellow-200 {
	background-color: var(--yellow-200) !important;
}

.bg-yellow-300 {
	background-color: var(--yellow-300) !important;
}

.bg-yellow-400 {
	background-color: var(--yellow-400) !important;
}

.bg-yellow-500 {
	background-color: var(--yellow-500) !important;
}

.bg-yellow-600 {
	background-color: var(--yellow-600) !important;
}

.bg-yellow-700 {
	background-color: var(--yellow-700) !important;
}

.bg-yellow-800 {
	background-color: var(--yellow-800) !important;
}

.bg-yellow-900 {
	background-color: var(--yellow-900) !important;
}

.bg-green-100 {
	background-color: var(--green-100) !important;
}

.bg-green-200 {
	background-color: var(--green-200) !important;
}

.bg-green-300 {
	background-color: var(--green-300) !important;
}

.bg-green-400 {
	background-color: var(--green-400) !important;
}

.bg-green-500 {
	background-color: var(--green-500) !important;
}

.bg-green-600 {
	background-color: var(--green-600) !important;
}

.bg-green-700 {
	background-color: var(--green-700) !important;
}

.bg-green-800 {
	background-color: var(--green-800) !important;
}

.bg-green-900 {
	background-color: var(--green-900) !important;
}

.bg-teal-100 {
	background-color: var(--teal-100) !important;
}

.bg-teal-200 {
	background-color: var(--teal-200) !important;
}

.bg-teal-300 {
	background-color: var(--teal-300) !important;
}

.bg-teal-400 {
	background-color: var(--teal-400) !important;
}

.bg-teal-500 {
	background-color: var(--teal-500) !important;
}

.bg-teal-600 {
	background-color: var(--teal-600) !important;
}

.bg-teal-700 {
	background-color: var(--teal-700) !important;
}

.bg-teal-800 {
	background-color: var(--teal-800) !important;
}

.bg-teal-900 {
	background-color: var(--teal-900) !important;
}

.bg-cyan-100 {
	background-color: var(--cyan-100) !important;
}

.bg-cyan-200 {
	background-color: var(--cyan-200) !important;
}

.bg-cyan-300 {
	background-color: var(--cyan-300) !important;
}

.bg-cyan-400 {
	background-color: var(--cyan-400) !important;
}

.bg-cyan-500 {
	background-color: var(--cyan-500) !important;
}

.bg-cyan-600 {
	background-color: var(--cyan-600) !important;
}

.bg-cyan-700 {
	background-color: var(--cyan-700) !important;
}

.bg-cyan-800 {
	background-color: var(--cyan-800) !important;
}

.bg-cyan-900 {
	background-color: var(--cyan-900) !important;
}

.bg-blue-100 {
	background-color: var(--blue-100) !important;
}

.bg-blue-200 {
	background-color: var(--blue-200) !important;
}

.bg-blue-300 {
	background-color: var(--blue-300) !important;
}

.bg-blue-400 {
	background-color: var(--blue-400) !important;
}

.bg-blue-500 {
	background-color: var(--blue-500) !important;
}

.bg-blue-600 {
	background-color: var(--blue-600) !important;
}

.bg-blue-700 {
	background-color: var(--blue-700) !important;
}

.bg-blue-800 {
	background-color: var(--blue-800) !important;
}

.bg-blue-900 {
	background-color: var(--blue-900) !important;
}

.bg-indigo-100 {
	background-color: var(--indigo-100) !important;
}

.bg-indigo-200 {
	background-color: var(--indigo-200) !important;
}

.bg-indigo-300 {
	background-color: var(--indigo-300) !important;
}

.bg-indigo-400 {
	background-color: var(--indigo-400) !important;
}

.bg-indigo-500 {
	background-color: var(--indigo-500) !important;
}

.bg-indigo-600 {
	background-color: var(--indigo-600) !important;
}

.bg-indigo-700 {
	background-color: var(--indigo-700) !important;
}

.bg-indigo-800 {
	background-color: var(--indigo-800) !important;
}

.bg-indigo-900 {
	background-color: var(--indigo-900) !important;
}

.bg-purple-100 {
	background-color: var(--purple-100) !important;
}

.bg-purple-200 {
	background-color: var(--purple-200) !important;
}

.bg-purple-300 {
	background-color: var(--purple-300) !important;
}

.bg-purple-400 {
	background-color: var(--purple-400) !important;
}

.bg-purple-500 {
	background-color: var(--purple-500) !important;
}

.bg-purple-600 {
	background-color: var(--purple-600) !important;
}

.bg-purple-700 {
	background-color: var(--purple-700) !important;
}

.bg-purple-800 {
	background-color: var(--purple-800) !important;
}

.bg-purple-900 {
	background-color: var(--purple-900) !important;
}

.bg-pink-100 {
	background-color: var(--pink-100) !important;
}

.bg-pink-200 {
	background-color: var(--pink-200) !important;
}

.bg-pink-300 {
	background-color: var(--pink-300) !important;
}

.bg-pink-400 {
	background-color: var(--pink-400) !important;
}

.bg-pink-500 {
	background-color: var(--pink-500) !important;
}

.bg-pink-600 {
	background-color: var(--pink-600) !important;
}

.bg-pink-700 {
	background-color: var(--pink-700) !important;
}

.bg-pink-800 {
	background-color: var(--pink-800) !important;
}

.bg-pink-900 {
	background-color: var(--pink-900) !important;
}

.bg-white {
	background-color: var(--white) !important;
}

.bg-black {
	background-color: var(--black) !important;
}

.bg-transparent {
	background-color: var(--transparent) !important;
}

.bg-light {
	background-color: var(--white) !important;
}

.bg-dark {
	background-color: var(--black) !important;
}

.bg-body {
	background-color: var(--bg-body) !important;
}

.bg-default {
	background-color: var(--bg-default) !important;
}

.bg-accent {
	background-color: var(--bg-accent) !important;
}

.bg-disabled {
	background-color: var(--bg-disabled) !important;
}

.bg-primary {
	background-color: var(--bg-primary) !important;
}

.bg-secondary {
	background-color: var(--bg-secondary) !important;
}

.bg-success {
	background-color: var(--bg-success) !important;
}

.bg-warning {
	background-color: var(--bg-warning) !important;
}

.bg-danger {
	background-color: var(--bg-danger) !important;
}

.bg-info {
	background-color: var(--bg-info) !important;
}

.bg-brand-primary-lighter {
	background-color: var(--brand-primary-lighter) !important;
}

.bg-brand-primary-default {
	background-color: var(--brand-primary-default) !important;
}

.bg-brand-primary-darker {
	background-color: var(--brand-primary-darker) !important;
}

.bg-brand-secondary-lighter {
	background-color: var(--brand-secondary-lighter) !important;
}

.bg-brand-secondary-default {
	background-color: var(--brand-secondary-default) !important;
}

.bg-brand-secondary-darker {
	background-color: var(--brand-secondary-darker) !important;
}

.bg-brand-tertiary-lighter {
	background-color: var(--brand-tertiary-lighter) !important;
}

.bg-brand-tertiary-default {
	background-color: var(--brand-tertiary-default) !important;
}

.bg-brand-tertiary-darker {
	background-color: var(--brand-tertiary-darker) !important;
}

/* ------------------------------ DESIGN: Borders ------------------------------ */
.border-black {
	border-color: var(--black) !important;
}

.border-white {
	border-color: var(--white) !important;
}

.border-transparent {
	border-color: var(--transparent) !important;
}

.border-white-opacity-50 {
	border-color: var(--white-opacity-50) !important;
}

.border-black-opacity-50 {
	border-color: var(--black-opacity-50) !important;
}

.border-gray-050 {
	border-color: var(--gray-050) !important;
}

.border-gray-100 {
	border-color: var(--gray-100) !important;
}

.border-gray-150 {
	border-color: var(--gray-150) !important;
}

.border-gray-200 {
	border-color: var(--gray-200) !important;
}

.border-gray-250 {
	border-color: var(--gray-250) !important;
}

.border-gray-300 {
	border-color: var(--gray-300) !important;
}

.border-gray-350 {
	border-color: var(--gray-350) !important;
}

.border-gray-400 {
	border-color: var(--gray-400) !important;
}

.border-gray-450 {
	border-color: var(--gray-450) !important;
}

.border-gray-500 {
	border-color: var(--gray-500) !important;
}

.border-gray-550 {
	border-color: var(--gray-550) !important;
}

.border-gray-600 {
	border-color: var(--gray-600) !important;
}

.border-gray-650 {
	border-color: var(--gray-650) !important;
}

.border-gray-700 {
	border-color: var(--gray-700) !important;
}

.border-gray-750 {
	border-color: var(--gray-750) !important;
}

.border-gray-800 {
	border-color: var(--gray-800) !important;
}

.border-gray-850 {
	border-color: var(--gray-850) !important;
}

.border-gray-900 {
	border-color: var(--gray-900) !important;
}

.border-red-100 {
	border-color: var(--red-100) !important;
}

.border-red-200 {
	border-color: var(--red-200) !important;
}

.border-red-300 {
	border-color: var(--red-300) !important;
}

.border-red-400 {
	border-color: var(--red-400) !important;
}

.border-red-500 {
	border-color: var(--red-500) !important;
}

.border-red-600 {
	border-color: var(--red-600) !important;
}

.border-red-700 {
	border-color: var(--red-700) !important;
}

.border-red-800 {
	border-color: var(--red-800) !important;
}

.border-red-900 {
	border-color: var(--red-900) !important;
}

.border-orange-100 {
	border-color: var(--orange-100) !important;
}

.border-orange-200 {
	border-color: var(--orange-200) !important;
}

.border-orange-300 {
	border-color: var(--orange-300) !important;
}

.border-orange-400 {
	border-color: var(--orange-400) !important;
}

.border-orange-500 {
	border-color: var(--orange-500) !important;
}

.border-orange-600 {
	border-color: var(--orange-600) !important;
}

.border-orange-700 {
	border-color: var(--orange-700) !important;
}

.border-orange-800 {
	border-color: var(--orange-800) !important;
}

.border-orange-900 {
	border-color: var(--orange-900) !important;
}

.border-yellow-100 {
	border-color: var(--yellow-100) !important;
}

.border-yellow-200 {
	border-color: var(--yellow-200) !important;
}

.border-yellow-300 {
	border-color: var(--yellow-300) !important;
}

.border-yellow-400 {
	border-color: var(--yellow-400) !important;
}

.border-yellow-500 {
	border-color: var(--yellow-500) !important;
}

.border-yellow-600 {
	border-color: var(--yellow-600) !important;
}

.border-yellow-700 {
	border-color: var(--yellow-700) !important;
}

.border-yellow-800 {
	border-color: var(--yellow-800) !important;
}

.border-yellow-900 {
	border-color: var(--yellow-900) !important;
}

.border-green-100 {
	border-color: var(--green-100) !important;
}

.border-green-200 {
	border-color: var(--green-200) !important;
}

.border-green-300 {
	border-color: var(--green-300) !important;
}

.border-green-400 {
	border-color: var(--green-400) !important;
}

.border-green-500 {
	border-color: var(--green-500) !important;
}

.border-green-600 {
	border-color: var(--green-600) !important;
}

.border-green-700 {
	border-color: var(--green-700) !important;
}

.border-green-800 {
	border-color: var(--green-800) !important;
}

.border-green-900 {
	border-color: var(--green-900) !important;
}

.border-teal-100 {
	border-color: var(--teal-100) !important;
}

.border-teal-200 {
	border-color: var(--teal-200) !important;
}

.border-teal-300 {
	border-color: var(--teal-300) !important;
}

.border-teal-400 {
	border-color: var(--teal-400) !important;
}

.border-teal-500 {
	border-color: var(--teal-500) !important;
}

.border-teal-600 {
	border-color: var(--teal-600) !important;
}

.border-teal-700 {
	border-color: var(--teal-700) !important;
}

.border-teal-800 {
	border-color: var(--teal-800) !important;
}

.border-teal-900 {
	border-color: var(--teal-900) !important;
}

.border-cyan-100 {
	border-color: var(--cyan-100) !important;
}

.border-cyan-200 {
	border-color: var(--cyan-200) !important;
}

.border-cyan-300 {
	border-color: var(--cyan-300) !important;
}

.border-cyan-400 {
	border-color: var(--cyan-400) !important;
}

.border-cyan-500 {
	border-color: var(--cyan-500) !important;
}

.border-cyan-600 {
	border-color: var(--cyan-600) !important;
}

.border-cyan-700 {
	border-color: var(--cyan-700) !important;
}

.border-cyan-800 {
	border-color: var(--cyan-800) !important;
}

.border-cyan-900 {
	border-color: var(--cyan-900) !important;
}

.border-blue-100 {
	border-color: var(--blue-100) !important;
}

.border-blue-200 {
	border-color: var(--blue-200) !important;
}

.border-blue-300 {
	border-color: var(--blue-300) !important;
}

.border-blue-400 {
	border-color: var(--blue-400) !important;
}

.border-blue-500 {
	border-color: var(--blue-500) !important;
}

.border-blue-600 {
	border-color: var(--blue-600) !important;
}

.border-blue-700 {
	border-color: var(--blue-700) !important;
}

.border-blue-800 {
	border-color: var(--blue-800) !important;
}

.border-blue-900 {
	border-color: var(--blue-900) !important;
}

.border-indigo-100 {
	border-color: var(--indigo-100) !important;
}

.border-indigo-200 {
	border-color: var(--indigo-200) !important;
}

.border-indigo-300 {
	border-color: var(--indigo-300) !important;
}

.border-indigo-400 {
	border-color: var(--indigo-400) !important;
}

.border-indigo-500 {
	border-color: var(--indigo-500) !important;
}

.border-indigo-600 {
	border-color: var(--indigo-600) !important;
}

.border-indigo-700 {
	border-color: var(--indigo-700) !important;
}

.border-indigo-800 {
	border-color: var(--indigo-800) !important;
}

.border-indigo-900 {
	border-color: var(--indigo-900) !important;
}

.border-purple-100 {
	border-color: var(--purple-100) !important;
}

.border-purple-200 {
	border-color: var(--purple-200) !important;
}

.border-purple-300 {
	border-color: var(--purple-300) !important;
}

.border-purple-400 {
	border-color: var(--purple-400) !important;
}

.border-purple-500 {
	border-color: var(--purple-500) !important;
}

.border-purple-600 {
	border-color: var(--purple-600) !important;
}

.border-purple-700 {
	border-color: var(--purple-700) !important;
}

.border-purple-800 {
	border-color: var(--purple-800) !important;
}

.border-purple-900 {
	border-color: var(--purple-900) !important;
}

.border-pink-100 {
	border-color: var(--pink-100) !important;
}

.border-pink-200 {
	border-color: var(--pink-200) !important;
}

.border-pink-300 {
	border-color: var(--pink-300) !important;
}

.border-pink-400 {
	border-color: var(--pink-400) !important;
}

.border-pink-500 {
	border-color: var(--pink-500) !important;
}

.border-pink-600 {
	border-color: var(--pink-600) !important;
}

.border-pink-700 {
	border-color: var(--pink-700) !important;
}

.border-pink-800 {
	border-color: var(--pink-800) !important;
}

.border-pink-900 {
	border-color: var(--pink-900) !important;
}

.border-white {
	border-color: var(--white) !important;
}

.border-black {
	border-color: var(--black) !important;
}

.border-transparent {
	border-color: var(--transparent) !important;
}

.border-light {
	border-color: var(--white) !important;
}

.border-dark {
	border-color: var(--black) !important;
}

.border-default {
	border-color: var(--border-color-default) !important;
}

.border-accent {
	border-color: var(--border-color-accent) !important;
}

.border-disabled {
	border-color: var(--border-color-disabled) !important;
}

.border-primary {
	border-color: var(--border-color-primary) !important;
}

.border-secondary {
	border-color: var(--border-color-primary) !important;
}

.border-success {
	border-color: var(--border-color-success) !important;
}

.border-warning {
	border-color: var(--border-color-warning) !important;
}

.border-danger {
	border-color: var(--border-color-danger) !important;
}

.border-info {
	border-color: var(--border-color-info) !important;
}

.border-brand-primary-lighter {
	border-color: var(--brand-primary-lighter) !important;
}

.border-brand-primary-default {
	border-color: var(--brand-primary-default) !important;
}

.border-brand-primary-darker {
	border-color: var(--brand-primary-darker) !important;
}

.border-brand-secondary-lighter {
	border-color: var(--brand-secondary-lighter) !important;
}

.border-brand-secondary-default {
	border-color: var(--brand-secondary-default) !important;
}

.border-brand-secondary-darker {
	border-color: var(--brand-secondary-darker) !important;
}

.border-brand-tertiary-lighter {
	border-color: var(--brand-tertiary-lighter) !important;
}

.border-brand-tertiary-default {
	border-color: var(--brand-tertiary-default) !important;
}

.border-brand-tertiary-darker {
	border-color: var(--brand-tertiary-darker) !important;
}

/* ------------------------------ DESIGN: Focus States ------------------------------ */
/* ------------------------------ DESIGN: Shadows ------------------------------ */
/* ------------------------------ LAYOUT: Bootstrap - Classes ------------------------------ */
.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.affix {
	position: fixed;
}

/* ------------------------------ LAYOUT: Bootstrap - Clearfix ------------------------------ */
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
	display: table;
	content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
	clear: both;
}

/* ------------------------------ LAYOUT: Bootstrap - Col ------------------------------ */
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}

.col-xs-pull-12 {
	right: 100%;
}

.col-xs-pull-11 {
	right: 91.66666667%;
}

.col-xs-pull-10 {
	right: 83.33333333%;
}

.col-xs-pull-9 {
	right: 75%;
}

.col-xs-pull-8 {
	right: 66.66666667%;
}

.col-xs-pull-7 {
	right: 58.33333333%;
}

.col-xs-pull-6 {
	right: 50%;
}

.col-xs-pull-5 {
	right: 41.66666667%;
}

.col-xs-pull-4 {
	right: 33.33333333%;
}

.col-xs-pull-3 {
	right: 25%;
}

.col-xs-pull-2 {
	right: 16.66666667%;
}

.col-xs-pull-1 {
	right: 8.33333333%;
}

.col-xs-pull-0 {
	right: auto;
}

.col-xs-push-12 {
	left: 100%;
}

.col-xs-push-11 {
	left: 91.66666667%;
}

.col-xs-push-10 {
	left: 83.33333333%;
}

.col-xs-push-9 {
	left: 75%;
}

.col-xs-push-8 {
	left: 66.66666667%;
}

.col-xs-push-7 {
	left: 58.33333333%;
}

.col-xs-push-6 {
	left: 50%;
}

.col-xs-push-5 {
	left: 41.66666667%;
}

.col-xs-push-4 {
	left: 33.33333333%;
}

.col-xs-push-3 {
	left: 25%;
}

.col-xs-push-2 {
	left: 16.66666667%;
}

.col-xs-push-1 {
	left: 8.33333333%;
}

.col-xs-push-0 {
	left: auto;
}

.col-xs-offset-12 {
	margin-left: 100%;
}

.col-xs-offset-11 {
	margin-left: 91.66666667%;
}

.col-xs-offset-10 {
	margin-left: 83.33333333%;
}

.col-xs-offset-9 {
	margin-left: 75%;
}

.col-xs-offset-8 {
	margin-left: 66.66666667%;
}

.col-xs-offset-7 {
	margin-left: 58.33333333%;
}

.col-xs-offset-6 {
	margin-left: 50%;
}

.col-xs-offset-5 {
	margin-left: 41.66666667%;
}

.col-xs-offset-4 {
	margin-left: 33.33333333%;
}

.col-xs-offset-3 {
	margin-left: 25%;
}

.col-xs-offset-2 {
	margin-left: 16.66666667%;
}

.col-xs-offset-1 {
	margin-left: 8.33333333%;
}

.col-xs-offset-0 {
	margin-left: 0%;
}

@media (min-width: 480px) {
	.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 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0%;
	}
}
@media (min-width: 768px) {
	.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 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-pull-11 {
		right: 91.66666667%;
	}
	.col-md-pull-10 {
		right: 83.33333333%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-8 {
		right: 66.66666667%;
	}
	.col-md-pull-7 {
		right: 58.33333333%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-5 {
		right: 41.66666667%;
	}
	.col-md-pull-4 {
		right: 33.33333333%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-2 {
		right: 16.66666667%;
	}
	.col-md-pull-1 {
		right: 8.33333333%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-push-11 {
		left: 91.66666667%;
	}
	.col-md-push-10 {
		left: 83.33333333%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-8 {
		left: 66.66666667%;
	}
	.col-md-push-7 {
		left: 58.33333333%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-5 {
		left: 41.66666667%;
	}
	.col-md-push-4 {
		left: 33.33333333%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-2 {
		left: 16.66666667%;
	}
	.col-md-push-1 {
		left: 8.33333333%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
		margin-left: 0%;
	}
}
@media (min-width: 1180px) {
	.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 {
		float: left;
	}
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
	.col-lg-pull-12 {
		right: 100%;
	}
	.col-lg-pull-11 {
		right: 91.66666667%;
	}
	.col-lg-pull-10 {
		right: 83.33333333%;
	}
	.col-lg-pull-9 {
		right: 75%;
	}
	.col-lg-pull-8 {
		right: 66.66666667%;
	}
	.col-lg-pull-7 {
		right: 58.33333333%;
	}
	.col-lg-pull-6 {
		right: 50%;
	}
	.col-lg-pull-5 {
		right: 41.66666667%;
	}
	.col-lg-pull-4 {
		right: 33.33333333%;
	}
	.col-lg-pull-3 {
		right: 25%;
	}
	.col-lg-pull-2 {
		right: 16.66666667%;
	}
	.col-lg-pull-1 {
		right: 8.33333333%;
	}
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-push-12 {
		left: 100%;
	}
	.col-lg-push-11 {
		left: 91.66666667%;
	}
	.col-lg-push-10 {
		left: 83.33333333%;
	}
	.col-lg-push-9 {
		left: 75%;
	}
	.col-lg-push-8 {
		left: 66.66666667%;
	}
	.col-lg-push-7 {
		left: 58.33333333%;
	}
	.col-lg-push-6 {
		left: 50%;
	}
	.col-lg-push-5 {
		left: 41.66666667%;
	}
	.col-lg-push-4 {
		left: 33.33333333%;
	}
	.col-lg-push-3 {
		left: 25%;
	}
	.col-lg-push-2 {
		left: 16.66666667%;
	}
	.col-lg-push-1 {
		left: 8.33333333%;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-offset-12 {
		margin-left: 100%;
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9 {
		margin-left: 75%;
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6 {
		margin-left: 50%;
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3 {
		margin-left: 25%;
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0 {
		margin-left: 0%;
	}
}
/* ------------------------------ LAYOUT: Bootstrap - Container ------------------------------ */
.container,
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
@media (min-width: 480px) {
	.container,
	.container-fluid {
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media (min-width: 768px) {
	.container,
	.container-fluid {
		padding-right: 20px;
		padding-left: 20px;
	}
}

.container {
	width: 100%;
}
@media (min-width: 480px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
}
@media (min-width: 768px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 1180px) {
	.container {
		width: 100%;
	}
}
@media (min-width: 1400px) {
	.container {
		max-width: 1400px;
	}
}

@media print {
	@page {
		size: 330mm 427mm;
		margin: 14mm;
	}
	.container {
		width: 1170px;
	}
}
/* ------------------------------ LAYOUT: Bootstrap - Page Content ------------------------------ */
.page-content {
	margin-top: 0;
}

/* ------------------------------ LAYOUT: Bootstrap - Row ------------------------------ */
.row {
	margin-right: -20px;
	margin-left: -20px;
}

.row-no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row-no-gutters [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

/* ------------------------------ LAYOUT: Bootstrap - Visibility ------------------------------ */
.hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

.hidden {
	display: none !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
	display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
	display: none !important;
}

@media (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}
	table.visible-xs {
		display: table !important;
	}
	tr.visible-xs {
		display: table-row !important;
	}
	th.visible-xs,
	td.visible-xs {
		display: table-cell !important;
	}
}
@media (max-width: 767px) {
	.visible-xs-block {
		display: block !important;
	}
}
@media (max-width: 767px) {
	.visible-xs-inline {
		display: inline !important;
	}
}
@media (max-width: 767px) {
	.visible-xs-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.visible-sm {
		display: block !important;
	}
	table.visible-sm {
		display: table !important;
	}
	tr.visible-sm {
		display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.visible-sm-block {
		display: block !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.visible-sm-inline {
		display: inline !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.visible-sm-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.visible-md {
		display: block !important;
	}
	table.visible-md {
		display: table !important;
	}
	tr.visible-md {
		display: table-row !important;
	}
	th.visible-md,
	td.visible-md {
		display: table-cell !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.visible-md-block {
		display: block !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.visible-md-inline {
		display: inline !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.visible-md-inline-block {
		display: inline-block !important;
	}
}
@media (min-width: 1400px) {
	.visible-lg {
		display: block !important;
	}
	table.visible-lg {
		display: table !important;
	}
	tr.visible-lg {
		display: table-row !important;
	}
	th.visible-lg,
	td.visible-lg {
		display: table-cell !important;
	}
}
@media (min-width: 1400px) {
	.visible-lg-block {
		display: block !important;
	}
}
@media (min-width: 1400px) {
	.visible-lg-inline {
		display: inline !important;
	}
}
@media (min-width: 1400px) {
	.visible-lg-inline-block {
		display: inline-block !important;
	}
}
@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1400px) {
	.hidden-lg {
		display: none !important;
	}
}
.visible-print {
	display: none !important;
}

@media print {
	.visible-print {
		display: block !important;
	}
	table.visible-print {
		display: table !important;
	}
	tr.visible-print {
		display: table-row !important;
	}
	th.visible-print,
	td.visible-print {
		display: table-cell !important;
	}
}
.visible-print-block {
	display: none !important;
}

@media print {
	.visible-print-block {
		display: block !important;
	}
}
.visible-print-inline {
	display: none !important;
}

@media print {
	.visible-print-inline {
		display: inline !important;
	}
}
.visible-print-inline-block {
	display: none !important;
}

@media print {
	.visible-print-inline-block {
		display: inline-block !important;
	}
}
@media print {
	.hidden-print {
		display: none !important;
	}
}
/* ------------------------------ LAYOUT: HTML and Body ------------------------------ */
html {
	font-size: 16px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding: 0;
	height: auto;
	min-height: 100vh;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: var(--text-color-default);
	background-color: var(--bg-body);
	overflow-x: hidden;
}
body.no-scroll {
	overflow: hidden;
	max-width: 100vw;
	max-height: 100vh;
}

/* ------------------------------ LAYOUT: Margins ------------------------------ */
.m-0 {
	margin: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-3 {
	margin: 1rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mx-3 {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4 {
	margin-left: 1.5rem !important;
}

.mr-4 {
	margin-right: 1.5rem !important;
}

.mx-4 {
	margin-left: 1.5rem !important;
	margin-right: 1.5rem !important;
}

.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.ml-5 {
	margin-left: 3rem !important;
}

.mr-5 {
	margin-right: 3rem !important;
}

.mx-5 {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto {
	margin-top: auto !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

@media (max-width: 479px) {
	.m-0-xs {
		margin: 0 !important;
	}
	.mt-0-xs {
		margin-top: 0 !important;
	}
	.mb-0-xs {
		margin-bottom: 0 !important;
	}
	.ml-0-xs {
		margin-left: 0 !important;
	}
	.mr-0-xs {
		margin-right: 0 !important;
	}
	.mx-0-xs {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.my-0-xs {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-0-sm {
		margin: 0 !important;
	}
	.mt-0-sm {
		margin-top: 0 !important;
	}
	.mb-0-sm {
		margin-bottom: 0 !important;
	}
	.ml-0-sm {
		margin-left: 0 !important;
	}
	.mr-0-sm {
		margin-right: 0 !important;
	}
	.mx-0-sm {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.my-0-sm {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-0-md {
		margin: 0 !important;
	}
	.mt-0-md {
		margin-top: 0 !important;
	}
	.mb-0-md {
		margin-bottom: 0 !important;
	}
	.ml-0-md {
		margin-left: 0 !important;
	}
	.mr-0-md {
		margin-right: 0 !important;
	}
	.mx-0-md {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.my-0-md {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-0-lg {
		margin: 0 !important;
	}
	.mt-0-lg {
		margin-top: 0 !important;
	}
	.mb-0-lg {
		margin-bottom: 0 !important;
	}
	.ml-0-lg {
		margin-left: 0 !important;
	}
	.mr-0-lg {
		margin-right: 0 !important;
	}
	.mx-0-lg {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.my-0-lg {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
}
@media (max-width: 479px) {
	.m-1-xs {
		margin: 0.25rem !important;
	}
	.mt-1-xs {
		margin-top: 0.25rem !important;
	}
	.mb-1-xs {
		margin-bottom: 0.25rem !important;
	}
	.ml-1-xs {
		margin-left: 0.25rem !important;
	}
	.mr-1-xs {
		margin-right: 0.25rem !important;
	}
	.mx-1-xs {
		margin-left: 0.25rem !important;
		margin-right: 0.25rem !important;
	}
	.my-1-xs {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-1-sm {
		margin: 0.25rem !important;
	}
	.mt-1-sm {
		margin-top: 0.25rem !important;
	}
	.mb-1-sm {
		margin-bottom: 0.25rem !important;
	}
	.ml-1-sm {
		margin-left: 0.25rem !important;
	}
	.mr-1-sm {
		margin-right: 0.25rem !important;
	}
	.mx-1-sm {
		margin-left: 0.25rem !important;
		margin-right: 0.25rem !important;
	}
	.my-1-sm {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-1-md {
		margin: 0.25rem !important;
	}
	.mt-1-md {
		margin-top: 0.25rem !important;
	}
	.mb-1-md {
		margin-bottom: 0.25rem !important;
	}
	.ml-1-md {
		margin-left: 0.25rem !important;
	}
	.mr-1-md {
		margin-right: 0.25rem !important;
	}
	.mx-1-md {
		margin-left: 0.25rem !important;
		margin-right: 0.25rem !important;
	}
	.my-1-md {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-1-lg {
		margin: 0.25rem !important;
	}
	.mt-1-lg {
		margin-top: 0.25rem !important;
	}
	.mb-1-lg {
		margin-bottom: 0.25rem !important;
	}
	.ml-1-lg {
		margin-left: 0.25rem !important;
	}
	.mr-1-lg {
		margin-right: 0.25rem !important;
	}
	.mx-1-lg {
		margin-left: 0.25rem !important;
		margin-right: 0.25rem !important;
	}
	.my-1-lg {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
}
@media (max-width: 479px) {
	.m-2-xs {
		margin: 0.5rem !important;
	}
	.mt-2-xs {
		margin-top: 0.5rem !important;
	}
	.mb-2-xs {
		margin-bottom: 0.5rem !important;
	}
	.ml-2-xs {
		margin-left: 0.5rem !important;
	}
	.mr-2-xs {
		margin-right: 0.5rem !important;
	}
	.mx-2-xs {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.my-2-xs {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-2-sm {
		margin: 0.5rem !important;
	}
	.mt-2-sm {
		margin-top: 0.5rem !important;
	}
	.mb-2-sm {
		margin-bottom: 0.5rem !important;
	}
	.ml-2-sm {
		margin-left: 0.5rem !important;
	}
	.mr-2-sm {
		margin-right: 0.5rem !important;
	}
	.mx-2-sm {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.my-2-sm {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-2-md {
		margin: 0.5rem !important;
	}
	.mt-2-md {
		margin-top: 0.5rem !important;
	}
	.mb-2-md {
		margin-bottom: 0.5rem !important;
	}
	.ml-2-md {
		margin-left: 0.5rem !important;
	}
	.mr-2-md {
		margin-right: 0.5rem !important;
	}
	.mx-2-md {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.my-2-md {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-2-lg {
		margin: 0.5rem !important;
	}
	.mt-2-lg {
		margin-top: 0.5rem !important;
	}
	.mb-2-lg {
		margin-bottom: 0.5rem !important;
	}
	.ml-2-lg {
		margin-left: 0.5rem !important;
	}
	.mr-2-lg {
		margin-right: 0.5rem !important;
	}
	.mx-2-lg {
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.my-2-lg {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
}
@media (max-width: 479px) {
	.m-3-xs {
		margin: 1rem !important;
	}
	.mt-3-xs {
		margin-top: 1rem !important;
	}
	.mb-3-xs {
		margin-bottom: 1rem !important;
	}
	.ml-3-xs {
		margin-left: 1rem !important;
	}
	.mr-3-xs {
		margin-right: 1rem !important;
	}
	.mx-3-xs {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	.my-3-xs {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-3-sm {
		margin: 1rem !important;
	}
	.mt-3-sm {
		margin-top: 1rem !important;
	}
	.mb-3-sm {
		margin-bottom: 1rem !important;
	}
	.ml-3-sm {
		margin-left: 1rem !important;
	}
	.mr-3-sm {
		margin-right: 1rem !important;
	}
	.mx-3-sm {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	.my-3-sm {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-3-md {
		margin: 1rem !important;
	}
	.mt-3-md {
		margin-top: 1rem !important;
	}
	.mb-3-md {
		margin-bottom: 1rem !important;
	}
	.ml-3-md {
		margin-left: 1rem !important;
	}
	.mr-3-md {
		margin-right: 1rem !important;
	}
	.mx-3-md {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	.my-3-md {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-3-lg {
		margin: 1rem !important;
	}
	.mt-3-lg {
		margin-top: 1rem !important;
	}
	.mb-3-lg {
		margin-bottom: 1rem !important;
	}
	.ml-3-lg {
		margin-left: 1rem !important;
	}
	.mr-3-lg {
		margin-right: 1rem !important;
	}
	.mx-3-lg {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	.my-3-lg {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
}
@media (max-width: 479px) {
	.m-4-xs {
		margin: 1.5rem !important;
	}
	.mt-4-xs {
		margin-top: 1.5rem !important;
	}
	.mb-4-xs {
		margin-bottom: 1.5rem !important;
	}
	.ml-4-xs {
		margin-left: 1.5rem !important;
	}
	.mr-4-xs {
		margin-right: 1.5rem !important;
	}
	.mx-4-xs {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.my-4-xs {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-4-sm {
		margin: 1.5rem !important;
	}
	.mt-4-sm {
		margin-top: 1.5rem !important;
	}
	.mb-4-sm {
		margin-bottom: 1.5rem !important;
	}
	.ml-4-sm {
		margin-left: 1.5rem !important;
	}
	.mr-4-sm {
		margin-right: 1.5rem !important;
	}
	.mx-4-sm {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.my-4-sm {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-4-md {
		margin: 1.5rem !important;
	}
	.mt-4-md {
		margin-top: 1.5rem !important;
	}
	.mb-4-md {
		margin-bottom: 1.5rem !important;
	}
	.ml-4-md {
		margin-left: 1.5rem !important;
	}
	.mr-4-md {
		margin-right: 1.5rem !important;
	}
	.mx-4-md {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.my-4-md {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-4-lg {
		margin: 1.5rem !important;
	}
	.mt-4-lg {
		margin-top: 1.5rem !important;
	}
	.mb-4-lg {
		margin-bottom: 1.5rem !important;
	}
	.ml-4-lg {
		margin-left: 1.5rem !important;
	}
	.mr-4-lg {
		margin-right: 1.5rem !important;
	}
	.mx-4-lg {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.my-4-lg {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
}
@media (max-width: 479px) {
	.m-5-xs {
		margin: 3rem !important;
	}
	.mt-5-xs {
		margin-top: 3rem !important;
	}
	.mb-5-xs {
		margin-bottom: 3rem !important;
	}
	.ml-5-xs {
		margin-left: 3rem !important;
	}
	.mr-5-xs {
		margin-right: 3rem !important;
	}
	.mx-5-xs {
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}
	.my-5-xs {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-5-sm {
		margin: 3rem !important;
	}
	.mt-5-sm {
		margin-top: 3rem !important;
	}
	.mb-5-sm {
		margin-bottom: 3rem !important;
	}
	.ml-5-sm {
		margin-left: 3rem !important;
	}
	.mr-5-sm {
		margin-right: 3rem !important;
	}
	.mx-5-sm {
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}
	.my-5-sm {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-5-md {
		margin: 3rem !important;
	}
	.mt-5-md {
		margin-top: 3rem !important;
	}
	.mb-5-md {
		margin-bottom: 3rem !important;
	}
	.ml-5-md {
		margin-left: 3rem !important;
	}
	.mr-5-md {
		margin-right: 3rem !important;
	}
	.mx-5-md {
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}
	.my-5-md {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-5-lg {
		margin: 3rem !important;
	}
	.mt-5-lg {
		margin-top: 3rem !important;
	}
	.mb-5-lg {
		margin-bottom: 3rem !important;
	}
	.ml-5-lg {
		margin-left: 3rem !important;
	}
	.mr-5-lg {
		margin-right: 3rem !important;
	}
	.mx-5-lg {
		margin-left: 3rem !important;
		margin-right: 3rem !important;
	}
	.my-5-lg {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
}
@media (max-width: 479px) {
	.m-auto-xs {
		margin: auto !important;
	}
	.mt-auto-xs {
		margin-top: auto !important;
	}
	.mb-auto-xs {
		margin-bottom: auto !important;
	}
	.ml-auto-xs {
		margin-left: auto !important;
	}
	.mr-auto-xs {
		margin-right: auto !important;
	}
	.mx-auto-xs {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.my-auto-xs {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.m-auto-sm {
		margin: auto !important;
	}
	.mt-auto-sm {
		margin-top: auto !important;
	}
	.mb-auto-sm {
		margin-bottom: auto !important;
	}
	.ml-auto-sm {
		margin-left: auto !important;
	}
	.mr-auto-sm {
		margin-right: auto !important;
	}
	.mx-auto-sm {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.my-auto-sm {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.m-auto-md {
		margin: auto !important;
	}
	.mt-auto-md {
		margin-top: auto !important;
	}
	.mb-auto-md {
		margin-bottom: auto !important;
	}
	.ml-auto-md {
		margin-left: auto !important;
	}
	.mr-auto-md {
		margin-right: auto !important;
	}
	.mx-auto-md {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.my-auto-md {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.m-auto-lg {
		margin: auto !important;
	}
	.mt-auto-lg {
		margin-top: auto !important;
	}
	.mb-auto-lg {
		margin-bottom: auto !important;
	}
	.ml-auto-lg {
		margin-left: auto !important;
	}
	.mr-auto-lg {
		margin-right: auto !important;
	}
	.mx-auto-lg {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.my-auto-lg {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
}
/* ------------------------------ LAYOUT: Padding ------------------------------ */
.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

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

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pt-3 {
	padding-top: 1rem !important;
}

.pr-3 {
	padding-right: 1rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pl-3 {
	padding-left: 1rem !important;
}

.py-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pr-4 {
	padding-right: 1.5rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4 {
	padding-left: 1.5rem !important;
}

.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pr-5 {
	padding-right: 3rem !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.pl-5 {
	padding-left: 3rem !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

/* ------------------------------ LAYOUT: Structure ------------------------------ */
.body-content {
	padding: 20px 0px 30px;
}
@media (min-width: 769px) {
	.body-content {
		padding: 30px 0px 40px;
	}
}
@media (min-width: 1181px) {
	.body-content {
		padding: 40px 0px 60px;
	}
}
.body-content > .container > *:first-child {
	margin-top: 0;
}
.body-content > .container > *:last-child {
	margin-bottom: 0;
}

.layout-opposite-sides {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

.header-with-button {
	margin-bottom: 20px;
}
*:not([style*="display:none"]) + .header-with-button,
*:not([style*="display: none"]) + .header-with-button {
	margin-top: 40px;
}
@media (min-width: 1181px) {
	*:not([style*="display:none"]) + .header-with-button,
	*:not([style*="display: none"]) + .header-with-button {
		margin-top: 60px;
	}
}
.header-with-button > * {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.header-with-button h1,
.header-with-button h2,
.header-with-button h3,
.header-with-button .h1,
.header-with-button .h2,
.header-with-button .h3 {
	margin: 0;
}

.self-start {
	align-self: flex-start;
}
@media (min-width: 769px) {
	.self-start-md {
		align-self: flex-start;
	}
}

.self-center {
	align-self: center;
}
@media (min-width: 769px) {
	.self-center-md {
		align-self: center;
	}
}

/* ------------------------------ LAYOUT: Columns ------------------------------ */
.columns {
	column-gap: 40px;
}

@media (min-width: 480px) {
	.columns-2-xs {
		column-width: 50%;
		column-count: 2;
	}
}

@media (min-width: 768px) {
	.columns-2-sm {
		column-width: 50%;
		column-count: 2;
	}
}

@media (min-width: 1180px) {
	.columns-2-md {
		column-width: 50%;
		column-count: 2;
	}
}

@media (min-width: 1400px) {
	.columns-2-lg {
		column-width: 50%;
		column-count: 2;
	}
}

@media (min-width: 480px) {
	.columns-3-xs {
		column-width: 33.3333333333%;
		column-count: 3;
	}
}

@media (min-width: 768px) {
	.columns-3-sm {
		column-width: 33.3333333333%;
		column-count: 3;
	}
}

@media (min-width: 1180px) {
	.columns-3-md {
		column-width: 33.3333333333%;
		column-count: 3;
	}
}

@media (min-width: 1400px) {
	.columns-3-lg {
		column-width: 33.3333333333%;
		column-count: 3;
	}
}

@media (min-width: 480px) {
	.columns-4-xs {
		column-width: 25%;
		column-count: 4;
	}
}

@media (min-width: 768px) {
	.columns-4-sm {
		column-width: 25%;
		column-count: 4;
	}
}

@media (min-width: 1180px) {
	.columns-4-md {
		column-width: 25%;
		column-count: 4;
	}
}

@media (min-width: 1400px) {
	.columns-4-lg {
		column-width: 25%;
		column-count: 4;
	}
}

@media (min-width: 480px) {
	.column-break-after-xs {
		break-after: column;
	}
}

@media (min-width: 768px) {
	.column-break-after-sm {
		break-after: column;
	}
}

@media (min-width: 1180px) {
	.column-break-after-md {
		break-after: column;
	}
}

@media (min-width: 1400px) {
	.column-break-after-lg {
		break-after: column;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.column-break-after-xs-only {
		break-after: column;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.column-break-after-sm-only {
		break-after: column;
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.column-break-after-md-only {
		break-after: column;
	}
}

/* ------------------------------ LAYOUT: Z-Indexes ------------------------------ */
/* ------------------------------ TEXT: Display ------------------------------ */
.display-1 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 72px;
	line-height: 1.25;
	color: var(--text-d1-color);
}
@media (min-width: 1180px) {
	.display-1 {
		font-size: 80px;
	}
}

.display-2 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 64px;
	line-height: 1.25;
	color: var(--text-d2-color);
}
@media (min-width: 1180px) {
	.display-2 {
		font-size: 72px;
	}
}

.display-3 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 64px;
	line-height: 1.25;
	color: var(--text-d3-color);
}
.display-4 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 56px;
	line-height: 1.25;
	color: var(--text-d4-color);
}
.display-5 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 48px;
	line-height: 1.25;
	color: var(--text-d5-color);
}
@media (min-width: 768px) {
	.display-5 {
		font-size: 56px;
		line-height: 1.4285714286;
	}
}
.display-6 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.25;
	color: var(--text-d6-color);
}
@media (min-width: 768px) {
	.display-6 {
		font-size: 56px;
	}
}
.display-1,
.display-2,
.display-3 {
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.display-1,
	.display-2,
	.display-3 {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.display-1,
	.display-2,
	.display-3 {
		margin-bottom: 30px;
	}
}
* + .display-1,
* + .display-2,
* + .display-3 {
	margin-top: 40px;
}
@media (min-width: 1181px) {
	* + .display-1,
	* + .display-2,
	* + .display-3 {
		margin-top: 60px;
	}
}
.display-4,
.display-5,
.display-6 {
	margin-bottom: 20px;
}
* + .display-4,
* + .display-5,
* + .display-6 {
	margin-top: 40px;
}
@media (min-width: 1181px) {
	* + .display-4,
	* + .display-5,
	* + .display-6 {
		margin-top: 60px;
	}
}
/* ------------------------------ TEXT: Heading ------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	outline-offset: 0;
	color: var(--text-heading-color);
}
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--gray-400);
	outline-offset: 2px;
}
h1:focus:not(:focus-visible),
h2:focus:not(:focus-visible),
h3:focus:not(:focus-visible),
h4:focus:not(:focus-visible),
h5:focus:not(:focus-visible),
h6:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
h1:focus-visible,
h2:focus-visible,
h3:focus-visible,
h4:focus-visible,
h5:focus-visible,
h6:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--gray-400);
	outline-offset: 2px;
}
h1 {
	font-size: 34px;
	line-height: 1.2941176471;
	color: var(--text-h1-color);
}
@media (min-width: 768px) {
	h1 {
		font-size: 40px;
		line-height: 1.25;
	}
}
@media (min-width: 1180px) {
	h1 {
		font-size: 56px;
	}
}

h2 {
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h2-color);
}
@media (min-width: 1180px) {
	h2 {
		font-size: 40px;
	}
}

h3 {
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h3-color);
}
h4 {
	font-weight: 600;
	font-size: 22px;
	line-height: 1.5;
	color: var(--text-h4-color);
}
h5 {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	color: var(--text-h5-color);
}
h6 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: var(--text-h6-color);
}
.h1 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 34px;
	line-height: 1.2941176471;
	color: var(--text-h1-color);
}
@media (min-width: 768px) {
	.h1 {
		font-size: 40px;
		line-height: 1.25;
	}
}
@media (min-width: 1180px) {
	.h1 {
		font-size: 56px;
	}
}

.h2 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h2-color);
}
@media (min-width: 1180px) {
	.h2 {
		font-size: 40px;
	}
}

.h3 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h3-color);
}
.h4 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 22px;
	line-height: 1.5;
	color: var(--text-h4-color);
}
.h5 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	color: var(--text-h5-color);
}
.h6 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: var(--text-h6-color);
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small,
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
	font-size: 80%;
	font-weight: inherit;
	line-height: inherit;
	color: var(--text-heading-small-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-top: 0;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	margin-bottom: 20px;
}
* + h1,
* + h2,
* + h3,
* + .h1,
* + .h2,
* + .h3 {
	margin-top: 40px;
}
@media (min-width: 1181px) {
	* + h1,
	* + h2,
	* + h3,
	* + .h1,
	* + .h2,
	* + .h3 {
		margin-top: 60px;
	}
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
	margin-bottom: 10px;
}
* + h4,
* + h5,
* + h6,
* + .h4,
* + .h5,
* + .h6 {
	margin-top: 20px;
}
@media (min-width: 769px) {
	* + h4,
	* + h5,
	* + h6,
	* + .h4,
	* + .h5,
	* + .h6 {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	* + h4,
	* + h5,
	* + h6,
	* + .h4,
	* + .h5,
	* + .h6 {
		margin-top: 30px;
	}
}
.page-header {
	margin: 40px 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--page-header-border-color);
}

/* ------------------------------ TEXT: Body ------------------------------ */
.text-xs {
	font-size: 12px;
	line-height: 1.5;
}

.text-small,
.text-sm {
	font-size: 14px;
	line-height: 1.5;
}

.text-base,
.text-md {
	font-size: 16px;
	line-height: 1.5;
}

.text-large,
.text-lg {
	font-size: 18px;
	line-height: 1.5;
}

.text-xl {
	font-size: 20px;
	line-height: 1.5;
}

p {
	margin: 0 0 20px;
}

/* ------------------------------ TEXT: Special ------------------------------ */
small,
.small {
	font-size: 80%;
}

mark,
.mark {
	padding: 0.2em;
	background-color: #ffe289;
}

abbr[title],
abbr[data-original-title] {
	cursor: help;
}

address {
	margin-bottom: 24px;
	font-style: normal;
	line-height: 1.5;
}

code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 0;
}

kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #ffffff;
	background-color: #333333;
	border-radius: 0;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
}

pre {
	display: block;
	padding: 11.5px;
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.5;
	color: #444444;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 0;
}

pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0;
}

/* ------------------------------ TEXT: Icons ------------------------------ */
.icon-size-xs:before {
	font-size: 12px;
}

.icon-size-sm:before {
	font-size: 14px;
}

.icon-size-md:before {
	font-size: 16px;
}

.icon-size-lg:before {
	font-size: 18px;
}

.icon-size-xl:before {
	font-size: 20px;
}

.iconBorder {
	border: 0;
}
html[dir="rtl"] .iconBorder,
html[dir="ltr"] .iconBorder {
	padding: 0;
}

/* ------------------------------ TEXT: Colors ------------------------------ */
.text-black {
	color: var(--black) !important;
}

.text-white {
	color: var(--white) !important;
}

.text-transparent {
	color: var(--transparent) !important;
}

.text-white-opacity-50 {
	color: var(--white-opacity-50) !important;
}

.text-black-opacity-50 {
	color: var(--black-opacity-50) !important;
}

.text-gray-050 {
	color: var(--gray-050) !important;
}

.text-gray-100 {
	color: var(--gray-100) !important;
}

.text-gray-150 {
	color: var(--gray-150) !important;
}

.text-gray-200 {
	color: var(--gray-200) !important;
}

.text-gray-250 {
	color: var(--gray-250) !important;
}

.text-gray-300 {
	color: var(--gray-300) !important;
}

.text-gray-350 {
	color: var(--gray-350) !important;
}

.text-gray-400 {
	color: var(--gray-400) !important;
}

.text-gray-450 {
	color: var(--gray-450) !important;
}

.text-gray-500 {
	color: var(--gray-500) !important;
}

.text-gray-550 {
	color: var(--gray-550) !important;
}

.text-gray-600 {
	color: var(--gray-600) !important;
}

.text-gray-650 {
	color: var(--gray-650) !important;
}

.text-gray-700 {
	color: var(--gray-700) !important;
}

.text-gray-750 {
	color: var(--gray-750) !important;
}

.text-gray-800 {
	color: var(--gray-800) !important;
}

.text-gray-850 {
	color: var(--gray-850) !important;
}

.text-gray-900 {
	color: var(--gray-900) !important;
}

.text-red-100 {
	color: var(--red-100) !important;
}

.text-red-200 {
	color: var(--red-200) !important;
}

.text-red-300 {
	color: var(--red-300) !important;
}

.text-red-400 {
	color: var(--red-400) !important;
}

.text-red-500 {
	color: var(--red-500) !important;
}

.text-red-600 {
	color: var(--red-600) !important;
}

.text-red-700 {
	color: var(--red-700) !important;
}

.text-red-800 {
	color: var(--red-800) !important;
}

.text-red-900 {
	color: var(--red-900) !important;
}

.text-orange-100 {
	color: var(--orange-100) !important;
}

.text-orange-200 {
	color: var(--orange-200) !important;
}

.text-orange-300 {
	color: var(--orange-300) !important;
}

.text-orange-400 {
	color: var(--orange-400) !important;
}

.text-orange-500 {
	color: var(--orange-500) !important;
}

.text-orange-600 {
	color: var(--orange-600) !important;
}

.text-orange-700 {
	color: var(--orange-700) !important;
}

.text-orange-800 {
	color: var(--orange-800) !important;
}

.text-orange-900 {
	color: var(--orange-900) !important;
}

.text-yellow-100 {
	color: var(--yellow-100) !important;
}

.text-yellow-200 {
	color: var(--yellow-200) !important;
}

.text-yellow-300 {
	color: var(--yellow-300) !important;
}

.text-yellow-400 {
	color: var(--yellow-400) !important;
}

.text-yellow-500 {
	color: var(--yellow-500) !important;
}

.text-yellow-600 {
	color: var(--yellow-600) !important;
}

.text-yellow-700 {
	color: var(--yellow-700) !important;
}

.text-yellow-800 {
	color: var(--yellow-800) !important;
}

.text-yellow-900 {
	color: var(--yellow-900) !important;
}

.text-green-100 {
	color: var(--green-100) !important;
}

.text-green-200 {
	color: var(--green-200) !important;
}

.text-green-300 {
	color: var(--green-300) !important;
}

.text-green-400 {
	color: var(--green-400) !important;
}

.text-green-500 {
	color: var(--green-500) !important;
}

.text-green-600 {
	color: var(--green-600) !important;
}

.text-green-700 {
	color: var(--green-700) !important;
}

.text-green-800 {
	color: var(--green-800) !important;
}

.text-green-900 {
	color: var(--green-900) !important;
}

.text-teal-100 {
	color: var(--teal-100) !important;
}

.text-teal-200 {
	color: var(--teal-200) !important;
}

.text-teal-300 {
	color: var(--teal-300) !important;
}

.text-teal-400 {
	color: var(--teal-400) !important;
}

.text-teal-500 {
	color: var(--teal-500) !important;
}

.text-teal-600 {
	color: var(--teal-600) !important;
}

.text-teal-700 {
	color: var(--teal-700) !important;
}

.text-teal-800 {
	color: var(--teal-800) !important;
}

.text-teal-900 {
	color: var(--teal-900) !important;
}

.text-cyan-100 {
	color: var(--cyan-100) !important;
}

.text-cyan-200 {
	color: var(--cyan-200) !important;
}

.text-cyan-300 {
	color: var(--cyan-300) !important;
}

.text-cyan-400 {
	color: var(--cyan-400) !important;
}

.text-cyan-500 {
	color: var(--cyan-500) !important;
}

.text-cyan-600 {
	color: var(--cyan-600) !important;
}

.text-cyan-700 {
	color: var(--cyan-700) !important;
}

.text-cyan-800 {
	color: var(--cyan-800) !important;
}

.text-cyan-900 {
	color: var(--cyan-900) !important;
}

.text-blue-100 {
	color: var(--blue-100) !important;
}

.text-blue-200 {
	color: var(--blue-200) !important;
}

.text-blue-300 {
	color: var(--blue-300) !important;
}

.text-blue-400 {
	color: var(--blue-400) !important;
}

.text-blue-500 {
	color: var(--blue-500) !important;
}

.text-blue-600 {
	color: var(--blue-600) !important;
}

.text-blue-700 {
	color: var(--blue-700) !important;
}

.text-blue-800 {
	color: var(--blue-800) !important;
}

.text-blue-900 {
	color: var(--blue-900) !important;
}

.text-indigo-100 {
	color: var(--indigo-100) !important;
}

.text-indigo-200 {
	color: var(--indigo-200) !important;
}

.text-indigo-300 {
	color: var(--indigo-300) !important;
}

.text-indigo-400 {
	color: var(--indigo-400) !important;
}

.text-indigo-500 {
	color: var(--indigo-500) !important;
}

.text-indigo-600 {
	color: var(--indigo-600) !important;
}

.text-indigo-700 {
	color: var(--indigo-700) !important;
}

.text-indigo-800 {
	color: var(--indigo-800) !important;
}

.text-indigo-900 {
	color: var(--indigo-900) !important;
}

.text-purple-100 {
	color: var(--purple-100) !important;
}

.text-purple-200 {
	color: var(--purple-200) !important;
}

.text-purple-300 {
	color: var(--purple-300) !important;
}

.text-purple-400 {
	color: var(--purple-400) !important;
}

.text-purple-500 {
	color: var(--purple-500) !important;
}

.text-purple-600 {
	color: var(--purple-600) !important;
}

.text-purple-700 {
	color: var(--purple-700) !important;
}

.text-purple-800 {
	color: var(--purple-800) !important;
}

.text-purple-900 {
	color: var(--purple-900) !important;
}

.text-pink-100 {
	color: var(--pink-100) !important;
}

.text-pink-200 {
	color: var(--pink-200) !important;
}

.text-pink-300 {
	color: var(--pink-300) !important;
}

.text-pink-400 {
	color: var(--pink-400) !important;
}

.text-pink-500 {
	color: var(--pink-500) !important;
}

.text-pink-600 {
	color: var(--pink-600) !important;
}

.text-pink-700 {
	color: var(--pink-700) !important;
}

.text-pink-800 {
	color: var(--pink-800) !important;
}

.text-pink-900 {
	color: var(--pink-900) !important;
}

.text-white {
	color: var(--white) !important;
}

.text-black {
	color: var(--black) !important;
}

.text-transparent {
	color: var(--transparent) !important;
}

.text-light {
	color: var(--white) !important;
}

.text-dark {
	color: var(--black) !important;
}

.text-white-50 {
	color: var(--white-opacity-50) !important;
}

.text-black-50 {
	color: var(--black-opacity-50) !important;
}

.text-default {
	color: var(--text-color-default) !important;
}

.text-accent {
	color: var(--text-color-accent) !important;
}

.text-muted {
	color: var(--text-color-accent) !important;
}

.text-disabled {
	color: var(--text-color-disabled) !important;
}

.text-body {
	color: var(--text-color-default) !important;
}

.text-primary {
	color: var(--text-color-primary) !important;
}

.text-secondary {
	color: var(--text-color-secondary) !important;
}

.text-success {
	color: var(--text-color-success) !important;
}

.text-warning {
	color: var(--text-color-warning) !important;
}

.text-danger {
	color: var(--text-color-danger) !important;
}

.text-info {
	color: var(--text-color-info) !important;
}

.text-brand-primary-lighter {
	color: var(--brand-primary-lighter) !important;
}

.text-brand-primary-default {
	color: var(--brand-primary-default) !important;
}

.text-brand-primary-darker {
	color: var(--brand-primary-darker) !important;
}

.text-brand-secondary-lighter {
	color: var(--brand-secondary-lighter) !important;
}

.text-brand-secondary-default {
	color: var(--brand-secondary-default) !important;
}

.text-brand-secondary-darker {
	color: var(--brand-secondary-darker) !important;
}

.text-brand-tertiary-lighter {
	color: var(--brand-tertiary-lighter) !important;
}

.text-brand-tertiary-default {
	color: var(--brand-tertiary-default) !important;
}

.text-brand-tertiary-darker {
	color: var(--brand-tertiary-darker) !important;
}

/* ------------------------------ TEXT: Rich Text Overrides ------------------------------ */
.override-rich-text * {
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: none !important;
	float: none !important;
	transform: none !important;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-variant: normal !important;
	line-height: 1.5 !important;
	color: var(--gray-900) !important;
	text-decoration: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	text-indent: 0 !important;
	text-align: left !important;
	text-shadow: none !important;
	text-transform: none !important;
	white-space: normal !important;
	opacity: 1 !important;
}
.override-rich-text * b,
.override-rich-text * b *,
.override-rich-text * strong,
.override-rich-text * strong * {
	font-weight: 700 !important;
}
.override-rich-text * i,
.override-rich-text * i *,
.override-rich-text * em,
.override-rich-text * em * {
	font-style: italic !important;
}
.override-rich-text * a[href] {
	text-decoration: underline !important;
	color: var(--text-color-on-primary-transparent-default) !important;
}
.override-rich-text * a[href]:hover,
.override-rich-text * a[href]:focus {
	text-decoration: none !important;
}
.override-rich-text * a[href]:active {
	text-decoration: underline !important;
}
.override-rich-text * a[href]:disabled,
.override-rich-text * a[href].disabled {
	text-decoration: none !important;
}
.override-rich-text * a[href]:hover {
	color: var(--text-color-on-primary-transparent-hover) !important;
}
.override-rich-text * a[href]:active {
	color: var(--text-color-on-primary-transparent-active) !important;
}
.override-rich-text * a[href]:focus {
	color: var(--text-color-on-primary-transparent-focus) !important;
}
.override-rich-text * a[href]:disabled,
.override-rich-text * a[href].disabled {
	color: var(--text-color-on-primary-transparent-disabled) !important;
}
.override-rich-text * ul,
.override-rich-text * ol {
	padding-left: 20px !important;
}
.override-rich-text * ul > * + *,
.override-rich-text * ol > * + * {
	margin-top: 5px !important;
}
.override-rich-text * ul ul,
.override-rich-text * ul ol,
.override-rich-text * ol ul,
.override-rich-text * ol ol {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}
.override-rich-text * li {
	list-style-position: outside !important;
}
.override-rich-text * img {
	display: none !important;
}
.override-rich-text * table {
	width: 100% !important;
	height: auto !important;
	border-left: 1px solid var(--gray-500) !important;
	border-top: 1px solid var(--gray-500) !important;
}
.override-rich-text * table caption {
	font-size: 28px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 400 !important;
	line-height: 35px !important;
	color: var(--text-h3-color) !important;
}
.override-rich-text * table th,
.override-rich-text * table td {
	padding: 7px 15px 9px !important;
	border-right: 1px solid var(--gray-500) !important;
	border-bottom: 1px solid var(--gray-500) !important;
	vertical-align: top !important;
}
.override-rich-text * table th {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--text-color-default) !important;
}
/*
.override-rich-text * + * {
	margin-top: 20px !important;
}
*/

.help-block *,
.crmEntityFormView div.description * {
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: none !important;
	float: none !important;
	transform: none !important;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-variant: normal !important;
	line-height: 1.5 !important;
	color: var(--gray-900) !important;
	text-decoration: none !important;
	letter-spacing: 0 !important;
	word-spacing: 0 !important;
	text-indent: 0 !important;
	text-align: left !important;
	text-shadow: none !important;
	text-transform: none !important;
	white-space: normal !important;
	opacity: 1 !important;
	font-size: 14px !important;
	font-size: 14px !important;
	color: var(--text-color-accent) !important;
	line-height: 1.5 !important;
}
.help-block * b,
.help-block * b *,
.help-block * strong,
.help-block * strong *,
.crmEntityFormView div.description * b,
.crmEntityFormView div.description * b *,
.crmEntityFormView div.description * strong,
.crmEntityFormView div.description * strong * {
	font-weight: 700 !important;
}
.help-block * i,
.help-block * i *,
.help-block * em,
.help-block * em *,
.crmEntityFormView div.description * i,
.crmEntityFormView div.description * i *,
.crmEntityFormView div.description * em,
.crmEntityFormView div.description * em * {
	font-style: italic !important;
}
.help-block * a[href],
.crmEntityFormView div.description * a[href] {
	text-decoration: underline !important;
	color: var(--text-color-on-primary-transparent-default) !important;
}
.help-block * a[href]:hover,
.help-block * a[href]:focus,
.crmEntityFormView div.description * a[href]:hover,
.crmEntityFormView div.description * a[href]:focus {
	text-decoration: none !important;
}
.help-block * a[href]:active,
.crmEntityFormView div.description * a[href]:active {
	text-decoration: underline !important;
}
.help-block * a[href]:disabled,
.help-block * a[href].disabled,
.crmEntityFormView div.description * a[href]:disabled,
.crmEntityFormView div.description * a[href].disabled {
	text-decoration: none !important;
}
.help-block * a[href]:hover,
.crmEntityFormView div.description * a[href]:hover {
	color: var(--text-color-on-primary-transparent-hover) !important;
}
.help-block * a[href]:active,
.crmEntityFormView div.description * a[href]:active {
	color: var(--text-color-on-primary-transparent-active) !important;
}
.help-block * a[href]:focus,
.crmEntityFormView div.description * a[href]:focus {
	color: var(--text-color-on-primary-transparent-focus) !important;
}
.help-block * a[href]:disabled,
.help-block * a[href].disabled,
.crmEntityFormView div.description * a[href]:disabled,
.crmEntityFormView div.description * a[href].disabled {
	color: var(--text-color-on-primary-transparent-disabled) !important;
}
.help-block * ul,
.help-block * ol,
.crmEntityFormView div.description * ul,
.crmEntityFormView div.description * ol {
	padding-left: 20px !important;
}
.help-block * ul > * + *,
.help-block * ol > * + *,
.crmEntityFormView div.description * ul > * + *,
.crmEntityFormView div.description * ol > * + * {
	margin-top: 5px !important;
}
.help-block * ul ul,
.help-block * ul ol,
.help-block * ol ul,
.help-block * ol ol,
.crmEntityFormView div.description * ul ul,
.crmEntityFormView div.description * ul ol,
.crmEntityFormView div.description * ol ul,
.crmEntityFormView div.description * ol ol {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}
.help-block * li,
.crmEntityFormView div.description * li {
	list-style-position: outside !important;
}
.help-block * img,
.crmEntityFormView div.description * img {
	display: none !important;
}
.help-block * table,
.crmEntityFormView div.description * table {
	width: 100% !important;
	height: auto !important;
	border-left: 1px solid var(--gray-500) !important;
	border-top: 1px solid var(--gray-500) !important;
}
.help-block * table caption,
.crmEntityFormView div.description * table caption {
	font-size: 28px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 400 !important;
	line-height: 35px !important;
	color: var(--text-h3-color) !important;
}
.help-block * table th,
.help-block * table td,
.crmEntityFormView div.description * table th,
.crmEntityFormView div.description * table td {
	padding: 7px 15px 9px !important;
	border-right: 1px solid var(--gray-500) !important;
	border-bottom: 1px solid var(--gray-500) !important;
	vertical-align: top !important;
}
.help-block * table th,
.crmEntityFormView div.description * table th {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--text-color-default) !important;
}
.help-block * + *,
.crmEntityFormView div.description * + * {
	margin-top: 10px !important;
}

.has-error .help-block *,
.crmEntityFormView .has-error div.description * {
	color: var(--text-color-danger) !important;
}

.has-warning .help-block *,
.crmEntityFormView .has-warning div.description * {
	color: var(--text-color-warning) !important;
}

.has-success .help-block *,
.crmEntityFormView .has-success div.description * {
	color: var(--text-color-success) !important;
}

/* ------------------------------ TEXT: Classes ------------------------------ */
.text-weight-light {
	font-weight: 100;
}

.text-weight-semilight {
	font-weight: 300;
}

.text-weight-normal {
	font-weight: 400;
}

.text-weight-semibold {
	font-weight: 600;
}

.text-weight-bold {
	font-weight: 700;
}

.text-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

[class*="text-ellipsis-"] {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

.text-ellipsis-2-lines {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.text-ellipsis-3-lines {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.text-ellipsis-4-lines {
	-webkit-line-clamp: 4;
	line-clamp: 4;
}

.text-ellipsis-5-lines {
	-webkit-line-clamp: 5;
	line-clamp: 5;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.text-justify {
	text-align: justify;
}

.text-nowrap {
	white-space: nowrap;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

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

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

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

.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
}

.lead {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.lead {
		font-size: 23.9994px;
	}
}
.character-break {
	display: inline-block;
}

/* ------------------------------ FONTS: Glyphicons Halflings ------------------------------ */
@font-face {
	font-family: "Glyphicons Halflings";
	src: url("../Fonts/glyphicons-halflings-regular.eot");
	src:
		url("../Fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
		url("../Fonts/glyphicons-halflings-regular.woff2") format("woff2"),
		url("../Fonts/glyphicons-halflings-regular.woff") format("woff"),
		url("../Fonts/glyphicons-halflings-regular.ttf") format("truetype"),
		url("../Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
	content: "*";
}

.glyphicon-plus:before {
	content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
	content: "€";
}

.glyphicon-minus:before {
	content: "−";
}

.glyphicon-cloud:before {
	content: "☁";
}

.glyphicon-envelope:before {
	content: "✉";
}

.glyphicon-pencil:before {
	content: "✏";
}

.glyphicon-glass:before {
	content: "\e001";
}

.glyphicon-music:before {
	content: "\e002";
}

.glyphicon-search:before {
	content: "\e003";
}

.glyphicon-heart:before {
	content: "\e005";
}

.glyphicon-star:before {
	content: "\e006";
}

.glyphicon-star-empty:before {
	content: "\e007";
}

.glyphicon-user:before {
	content: "\e008";
}

.glyphicon-film:before {
	content: "\e009";
}

.glyphicon-th-large:before {
	content: "\e010";
}

.glyphicon-th:before {
	content: "\e011";
}

.glyphicon-th-list:before {
	content: "\e012";
}

.glyphicon-ok:before {
	content: "\e013";
}

.glyphicon-remove:before {
	content: "\e014";
}

.glyphicon-zoom-in:before {
	content: "\e015";
}

.glyphicon-zoom-out:before {
	content: "\e016";
}

.glyphicon-off:before {
	content: "\e017";
}

.glyphicon-signal:before {
	content: "\e018";
}

.glyphicon-cog:before {
	content: "\e019";
}

.glyphicon-trash:before {
	content: "\e020";
}

.glyphicon-home:before {
	content: "\e021";
}

.glyphicon-file:before {
	content: "\e022";
}

.glyphicon-time:before {
	content: "\e023";
}

.glyphicon-road:before {
	content: "\e024";
}

.glyphicon-download-alt:before {
	content: "\e025";
}

.glyphicon-download:before {
	content: "\e026";
}

.glyphicon-upload:before {
	content: "\e027";
}

.glyphicon-inbox:before {
	content: "\e028";
}

.glyphicon-play-circle:before {
	content: "\e029";
}

.glyphicon-repeat:before {
	content: "\e030";
}

.glyphicon-refresh:before {
	content: "\e031";
}

.glyphicon-list-alt:before {
	content: "\e032";
}

.glyphicon-lock:before {
	content: "\e033";
}

.glyphicon-flag:before {
	content: "\e034";
}

.glyphicon-headphones:before {
	content: "\e035";
}

.glyphicon-volume-off:before {
	content: "\e036";
}

.glyphicon-volume-down:before {
	content: "\e037";
}

.glyphicon-volume-up:before {
	content: "\e038";
}

.glyphicon-qrcode:before {
	content: "\e039";
}

.glyphicon-barcode:before {
	content: "\e040";
}

.glyphicon-tag:before {
	content: "\e041";
}

.glyphicon-tags:before {
	content: "\e042";
}

.glyphicon-book:before {
	content: "\e043";
}

.glyphicon-bookmark:before {
	content: "\e044";
}

.glyphicon-print:before {
	content: "\e045";
}

.glyphicon-camera:before {
	content: "\e046";
}

.glyphicon-font:before {
	content: "\e047";
}

.glyphicon-bold:before {
	content: "\e048";
}

.glyphicon-italic:before {
	content: "\e049";
}

.glyphicon-text-height:before {
	content: "\e050";
}

.glyphicon-text-width:before {
	content: "\e051";
}

.glyphicon-align-left:before {
	content: "\e052";
}

.glyphicon-align-center:before {
	content: "\e053";
}

.glyphicon-align-right:before {
	content: "\e054";
}

.glyphicon-align-justify:before {
	content: "\e055";
}

.glyphicon-list:before {
	content: "\e056";
}

.glyphicon-indent-left:before {
	content: "\e057";
}

.glyphicon-indent-right:before {
	content: "\e058";
}

.glyphicon-facetime-video:before {
	content: "\e059";
}

.glyphicon-picture:before {
	content: "\e060";
}

.glyphicon-map-marker:before {
	content: "\e062";
}

.glyphicon-adjust:before {
	content: "\e063";
}

.glyphicon-tint:before {
	content: "\e064";
}

.glyphicon-edit:before {
	content: "\e065";
}

.glyphicon-share:before {
	content: "\e066";
}

.glyphicon-check:before {
	content: "\e067";
}

.glyphicon-move:before {
	content: "\e068";
}

.glyphicon-step-backward:before {
	content: "\e069";
}

.glyphicon-fast-backward:before {
	content: "\e070";
}

.glyphicon-backward:before {
	content: "\e071";
}

.glyphicon-play:before {
	content: "\e072";
}

.glyphicon-pause:before {
	content: "\e073";
}

.glyphicon-stop:before {
	content: "\e074";
}

.glyphicon-forward:before {
	content: "\e075";
}

.glyphicon-fast-forward:before {
	content: "\e076";
}

.glyphicon-step-forward:before {
	content: "\e077";
}

.glyphicon-eject:before {
	content: "\e078";
}

.glyphicon-chevron-left:before {
	content: "\e079";
}

.glyphicon-chevron-right:before {
	content: "\e080";
}

.glyphicon-plus-sign:before {
	content: "\e081";
}

.glyphicon-minus-sign:before {
	content: "\e082";
}

.glyphicon-remove-sign:before {
	content: "\e083";
}

.glyphicon-ok-sign:before {
	content: "\e084";
}

.glyphicon-question-sign:before {
	content: "\e085";
}

.glyphicon-info-sign:before {
	content: "\e086";
}

.glyphicon-screenshot:before {
	content: "\e087";
}

.glyphicon-remove-circle:before {
	content: "\e088";
}

.glyphicon-ok-circle:before {
	content: "\e089";
}

.glyphicon-ban-circle:before {
	content: "\e090";
}

.glyphicon-arrow-left:before {
	content: "\e091";
}

.glyphicon-arrow-right:before {
	content: "\e092";
}

.glyphicon-arrow-up:before {
	content: "\e093";
}

.glyphicon-arrow-down:before {
	content: "\e094";
}

.glyphicon-share-alt:before {
	content: "\e095";
}

.glyphicon-resize-full:before {
	content: "\e096";
}

.glyphicon-resize-small:before {
	content: "\e097";
}

.glyphicon-exclamation-sign:before {
	content: "\e101";
}

.glyphicon-gift:before {
	content: "\e102";
}

.glyphicon-leaf:before {
	content: "\e103";
}

.glyphicon-fire:before {
	content: "\e104";
}

.glyphicon-eye-open:before {
	content: "\e105";
}

.glyphicon-eye-close:before {
	content: "\e106";
}

.glyphicon-warning-sign:before {
	content: "\e107";
}

.glyphicon-plane:before {
	content: "\e108";
}

.glyphicon-calendar:before {
	content: "\e109";
}

.glyphicon-random:before {
	content: "\e110";
}

.glyphicon-comment:before {
	content: "\e111";
}

.glyphicon-magnet:before {
	content: "\e112";
}

.glyphicon-chevron-up:before {
	content: "\e113";
}

.glyphicon-chevron-down:before {
	content: "\e114";
}

.glyphicon-retweet:before {
	content: "\e115";
}

.glyphicon-shopping-cart:before {
	content: "\e116";
}

.glyphicon-folder-close:before {
	content: "\e117";
}

.glyphicon-folder-open:before {
	content: "\e118";
}

.glyphicon-resize-vertical:before {
	content: "\e119";
}

.glyphicon-resize-horizontal:before {
	content: "\e120";
}

.glyphicon-hdd:before {
	content: "\e121";
}

.glyphicon-bullhorn:before {
	content: "\e122";
}

.glyphicon-bell:before {
	content: "\e123";
}

.glyphicon-certificate:before {
	content: "\e124";
}

.glyphicon-thumbs-up:before {
	content: "\e125";
}

.glyphicon-thumbs-down:before {
	content: "\e126";
}

.glyphicon-hand-right:before {
	content: "\e127";
}

.glyphicon-hand-left:before {
	content: "\e128";
}

.glyphicon-hand-up:before {
	content: "\e129";
}

.glyphicon-hand-down:before {
	content: "\e130";
}

.glyphicon-circle-arrow-right:before {
	content: "\e131";
}

.glyphicon-circle-arrow-left:before {
	content: "\e132";
}

.glyphicon-circle-arrow-up:before {
	content: "\e133";
}

.glyphicon-circle-arrow-down:before {
	content: "\e134";
}

.glyphicon-globe:before {
	content: "\e135";
}

.glyphicon-wrench:before {
	content: "\e136";
}

.glyphicon-tasks:before {
	content: "\e137";
}

.glyphicon-filter:before {
	content: "\e138";
}

.glyphicon-briefcase:before {
	content: "\e139";
}

.glyphicon-fullscreen:before {
	content: "\e140";
}

.glyphicon-dashboard:before {
	content: "\e141";
}

.glyphicon-paperclip:before {
	content: "\e142";
}

.glyphicon-heart-empty:before {
	content: "\e143";
}

.glyphicon-link:before {
	content: "\e144";
}

.glyphicon-phone:before {
	content: "\e145";
}

.glyphicon-pushpin:before {
	content: "\e146";
}

.glyphicon-usd:before {
	content: "\e148";
}

.glyphicon-gbp:before {
	content: "\e149";
}

.glyphicon-sort:before {
	content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
	content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
	content: "\e152";
}

.glyphicon-sort-by-order:before {
	content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
	content: "\e154";
}

.glyphicon-sort-by-attributes:before {
	content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
	content: "\e156";
}

.glyphicon-unchecked:before {
	content: "\e157";
}

.glyphicon-expand:before {
	content: "\e158";
}

.glyphicon-collapse-down:before {
	content: "\e159";
}

.glyphicon-collapse-up:before {
	content: "\e160";
}

.glyphicon-log-in:before {
	content: "\e161";
}

.glyphicon-flash:before {
	content: "\e162";
}

.glyphicon-log-out:before {
	content: "\e163";
}

.glyphicon-new-window:before {
	content: "\e164";
}

.glyphicon-record:before {
	content: "\e165";
}

.glyphicon-save:before {
	content: "\e166";
}

.glyphicon-open:before {
	content: "\e167";
}

.glyphicon-saved:before {
	content: "\e168";
}

.glyphicon-import:before {
	content: "\e169";
}

.glyphicon-export:before {
	content: "\e170";
}

.glyphicon-send:before {
	content: "\e171";
}

.glyphicon-floppy-disk:before {
	content: "\e172";
}

.glyphicon-floppy-saved:before {
	content: "\e173";
}

.glyphicon-floppy-remove:before {
	content: "\e174";
}

.glyphicon-floppy-save:before {
	content: "\e175";
}

.glyphicon-floppy-open:before {
	content: "\e176";
}

.glyphicon-credit-card:before {
	content: "\e177";
}

.glyphicon-transfer:before {
	content: "\e178";
}

.glyphicon-cutlery:before {
	content: "\e179";
}

.glyphicon-header:before {
	content: "\e180";
}

.glyphicon-compressed:before {
	content: "\e181";
}

.glyphicon-earphone:before {
	content: "\e182";
}

.glyphicon-phone-alt:before {
	content: "\e183";
}

.glyphicon-tower:before {
	content: "\e184";
}

.glyphicon-stats:before {
	content: "\e185";
}

.glyphicon-sd-video:before {
	content: "\e186";
}

.glyphicon-hd-video:before {
	content: "\e187";
}

.glyphicon-subtitles:before {
	content: "\e188";
}

.glyphicon-sound-stereo:before {
	content: "\e189";
}

.glyphicon-sound-dolby:before {
	content: "\e190";
}

.glyphicon-sound-5-1:before {
	content: "\e191";
}

.glyphicon-sound-6-1:before {
	content: "\e192";
}

.glyphicon-sound-7-1:before {
	content: "\e193";
}

.glyphicon-copyright-mark:before {
	content: "\e194";
}

.glyphicon-registration-mark:before {
	content: "\e195";
}

.glyphicon-cloud-download:before {
	content: "\e197";
}

.glyphicon-cloud-upload:before {
	content: "\e198";
}

.glyphicon-tree-conifer:before {
	content: "\e199";
}

.glyphicon-tree-deciduous:before {
	content: "\e200";
}

.glyphicon-cd:before {
	content: "\e201";
}

.glyphicon-save-file:before {
	content: "\e202";
}

.glyphicon-open-file:before {
	content: "\e203";
}

.glyphicon-level-up:before {
	content: "\e204";
}

.glyphicon-copy:before {
	content: "\e205";
}

.glyphicon-paste:before {
	content: "\e206";
}

.glyphicon-alert:before {
	content: "\e209";
}

.glyphicon-equalizer:before {
	content: "\e210";
}

.glyphicon-king:before {
	content: "\e211";
}

.glyphicon-queen:before {
	content: "\e212";
}

.glyphicon-pawn:before {
	content: "\e213";
}

.glyphicon-bishop:before {
	content: "\e214";
}

.glyphicon-knight:before {
	content: "\e215";
}

.glyphicon-baby-formula:before {
	content: "\e216";
}

.glyphicon-tent:before {
	content: "⛺";
}

.glyphicon-blackboard:before {
	content: "\e218";
}

.glyphicon-bed:before {
	content: "\e219";
}

.glyphicon-apple:before {
	content: "\f8ff";
}

.glyphicon-erase:before {
	content: "\e221";
}

.glyphicon-hourglass:before {
	content: "⌛";
}

.glyphicon-lamp:before {
	content: "\e223";
}

.glyphicon-duplicate:before {
	content: "\e224";
}

.glyphicon-piggy-bank:before {
	content: "\e225";
}

.glyphicon-scissors:before {
	content: "\e226";
}

.glyphicon-bitcoin:before {
	content: "\e227";
}

.glyphicon-btc:before {
	content: "\e227";
}

.glyphicon-xbt:before {
	content: "\e227";
}

.glyphicon-yen:before {
	content: "¥";
}

.glyphicon-jpy:before {
	content: "¥";
}

.glyphicon-ruble:before {
	content: "₽";
}

.glyphicon-rub:before {
	content: "₽";
}

.glyphicon-scale:before {
	content: "\e230";
}

.glyphicon-ice-lolly:before {
	content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
	content: "\e232";
}

.glyphicon-education:before {
	content: "\e233";
}

.glyphicon-option-horizontal:before {
	content: "\e234";
}

.glyphicon-option-vertical:before {
	content: "\e235";
}

.glyphicon-menu-hamburger:before {
	content: "\e236";
}

.glyphicon-modal-window:before {
	content: "\e237";
}

.glyphicon-oil:before {
	content: "\e238";
}

.glyphicon-grain:before {
	content: "\e239";
}

.glyphicon-sunglasses:before {
	content: "\e240";
}

.glyphicon-text-size:before {
	content: "\e241";
}

.glyphicon-text-color:before {
	content: "\e242";
}

.glyphicon-text-background:before {
	content: "\e243";
}

.glyphicon-object-align-top:before {
	content: "\e244";
}

.glyphicon-object-align-bottom:before {
	content: "\e245";
}

.glyphicon-object-align-horizontal:before {
	content: "\e246";
}

.glyphicon-object-align-left:before {
	content: "\e247";
}

.glyphicon-object-align-vertical:before {
	content: "\e248";
}

.glyphicon-object-align-right:before {
	content: "\e249";
}

.glyphicon-triangle-right:before {
	content: "\e250";
}

.glyphicon-triangle-left:before {
	content: "\e251";
}

.glyphicon-triangle-bottom:before {
	content: "\e252";
}

.glyphicon-triangle-top:before {
	content: "\e253";
}

.glyphicon-console:before {
	content: "\e254";
}

.glyphicon-superscript:before {
	content: "\e255";
}

.glyphicon-subscript:before {
	content: "\e256";
}

.glyphicon-menu-left:before {
	content: "\e257";
}

.glyphicon-menu-right:before {
	content: "\e258";
}

.glyphicon-menu-down:before {
	content: "\e259";
}

.glyphicon-menu-up:before {
	content: "\e260";
}

/* ------------------------------ COMPONENT: Accordion - Legacy Control ------------------------------ */
.accordion-container .accordion-row,
.accordion-container .accordion-header,
.accordion .accordion-row,
.accordion .accordion-header {
	margin-top: 20px;
	margin: 0;
}
@media (min-width: 769px) {
	.accordion-container .accordion-row,
	.accordion-container .accordion-header,
	.accordion .accordion-row,
	.accordion .accordion-header {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.accordion-container .accordion-row,
	.accordion-container .accordion-header,
	.accordion .accordion-row,
	.accordion .accordion-header {
		margin-top: 30px;
	}
}
.hidden + .accordion-container .accordion-row,
.hidden + .accordion-container .accordion-header,
.hidden + .accordion .accordion-row,
.hidden + .accordion .accordion-header {
	margin-top: 0;
}
.accordion-container .accordion-row button,
.accordion-container .accordion-header button,
.accordion .accordion-row button,
.accordion .accordion-header button {
	outline-offset: 0;
	display: block;
	position: relative;
	padding-top: 11px;
	padding-bottom: 17px;
	width: 100%;
	margin-bottom: -1px;
	border: 1px solid var(--border-color-default);
	background: var(--bg-default);
	color: var(--text-color-default);
	text-align: left;
	z-index: 9;
}
.accordion-container .accordion-row button:focus,
.accordion-container .accordion-header button:focus,
.accordion .accordion-row button:focus,
.accordion .accordion-header button:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.accordion-container .accordion-row button:focus:not(:focus-visible),
.accordion-container .accordion-header button:focus:not(:focus-visible),
.accordion .accordion-row button:focus:not(:focus-visible),
.accordion .accordion-header button:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.accordion-container .accordion-row button:focus-visible,
.accordion-container .accordion-header button:focus-visible,
.accordion .accordion-row button:focus-visible,
.accordion .accordion-header button:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.accordion-container .accordion-row button:hover,
.accordion-container .accordion-row button:focus:hover,
.accordion-container .accordion-header button:hover,
.accordion-container .accordion-header button:focus:hover,
.accordion .accordion-row button:hover,
.accordion .accordion-row button:focus:hover,
.accordion .accordion-header button:hover,
.accordion .accordion-header button:focus:hover {
	border-color: var(--border-color-on-primary-transparent-hover);
	background: var(--bg-primary-transparent-hover);
	color: var(--text-color-default);
	z-index: 10;
}
.accordion-container .accordion-row button:active,
.accordion-container .accordion-row button:focus:active,
.accordion-container .accordion-header button:active,
.accordion-container .accordion-header button:focus:active,
.accordion .accordion-row button:active,
.accordion .accordion-row button:focus:active,
.accordion .accordion-header button:active,
.accordion .accordion-header button:focus:active {
	border-color: var(--border-color-on-primary-transparent-active);
	background: var(--bg-primary-transparent-active);
	color: var(--text-color-default);
}
.accordion-container .accordion-row button:focus,
.accordion-container .accordion-header button:focus,
.accordion .accordion-row button:focus,
.accordion .accordion-header button:focus {
	border-color: var(--border-color-default);
	background: var(--bg-default);
	color: var(--text-color-default);
	z-index: 10;
}
.accordion-container .accordion-row button:disabled,
.accordion-container .accordion-header button:disabled,
.accordion .accordion-row button:disabled,
.accordion .accordion-header button:disabled {
	border-color: var(--border-color-default);
	background: var(--gray-100);
	color: var(--gray-600);
	z-index: 0;
	cursor: not-allowed;
}
.accordion-container .accordion-row button:disabled i,
.accordion-container .accordion-header button:disabled i,
.accordion .accordion-row button:disabled i,
.accordion .accordion-header button:disabled i {
	color: var(--gray-400);
}
.accordion-container .accordion-row button i,
.accordion-container .accordion-header button i,
.accordion .accordion-row button i,
.accordion .accordion-header button i {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	font-size: 20px;
	color: var(--text-color-on-primary-transparent-default);
}
.open.accordion-container .accordion-row button i:before,
.accordion-container .accordion-header button i:before,
.accordion .accordion-row button i:before,
.accordion .accordion-header button i:before {
	content: "\e260";
}

.accordian-content,
.accordion-content {
	display: block;
	padding: 20px 30px 30px;
	background-color: var(--bg-default);
	border: 1px solid var(--border-color-default);
}

/* ------------------------------ COMPONENT: Accordion ------------------------------ */
.accordion {
	margin-bottom: 20px;
	width: 100%;
}
@media (min-width: 769px) {
	.accordion {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.accordion {
		margin-bottom: 30px;
	}
}
.accordion-type-button .accordion-trigger {
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	min-height: 42px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid var(--border-color-on-primary-default);
	border-radius: 4px;
	background: var(--bg-default);
	color: var(--text-color-on-primary-transparent-default);
}
.accordion-type-button .accordion-trigger:hover {
	background: var(--bg-primary-transparent-hover);
}
.accordion-type-button .accordion-trigger:active {
	background: var(--bg-primary-transparent-active);
}
.accordion-type-button .accordion-trigger > * + * {
	margin-left: 10px;
}
.accordion-type-button .accordion-trigger .accordion-text {
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 2px;
}
.accordion-type-button .accordion-trigger .accordion-text .title {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}
.accordion-type-button .accordion-trigger .accordion-caret {
	position: relative;
	bottom: 2px;
}
.accordion-type-button .accordion-trigger.accordion-expanded {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	border: 0;
	border-radius: 0;
	background: var(--bg-accent);
}
.accordion-type-button .accordion-trigger.accordion-expanded:hover {
	background: var(--bg-primary-transparent-hover);
}
.accordion-type-button .accordion-trigger.accordion-expanded:active {
	background: var(--bg-primary-transparent-active);
}
.accordion-type-button .accordion-trigger.accordion-expanded::after {
	display: inline-block;
	height: 1px;
	content: "";
	position: absolute;
	right: 20px;
	bottom: 0;
	left: 20px;
	background: var(--border-color-default);
}

.accordion-container .accordion-content:not(.hidden) {
	display: block;
}

.accordion-content:not(.visible) {
	display: none;
}
.accordion-type-button .accordion-content {
	padding: 20px;
	background: var(--bg-accent);
	border: 0;
}
@media (min-width: 1181px) {
	.accordion-type-button .accordion-content {
		padding: 0;
		background: var(--transparent);
	}
}

.accordion-wrapper {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.accordion-wrapper {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.accordion-wrapper {
		margin-bottom: 30px;
	}
}
@media (max-width: 1179px) {
	.accordion-wrapper:has(.accordion-trigger.accordion-expanded) {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.accordion-wrapper:has(.accordion-trigger.accordion-expanded) .accordion {
		margin-bottom: 20px;
	}
}
@media (max-width: 1179px) and (min-width: 769px) {
	.accordion-wrapper:has(.accordion-trigger.accordion-expanded) .accordion {
		margin-bottom: 30px;
	}
}
@media (max-width: 1179px) and (min-width: 1181px) {
	.accordion-wrapper:has(.accordion-trigger.accordion-expanded) .accordion {
		margin-bottom: 30px;
	}
}
@media (min-width: 1180px) {
	.accordion-wrapper > * + * {
		margin-left: 20px;
	}
}
.accordion-wrapper .accordion {
	margin-bottom: 0;
}

@media (min-width: 481px) {
	.accordion-expanded-beyond-breakpoint-xs .accordion-trigger {
		display: none;
	}
	.accordion-expanded-beyond-breakpoint-xs .accordion-content:not(.visible) {
		display: block;
	}
}

@media (min-width: 769px) {
	.accordion-expanded-beyond-breakpoint-sm .accordion-trigger {
		display: none;
	}
	.accordion-expanded-beyond-breakpoint-sm .accordion-content:not(.visible) {
		display: block;
	}
}

@media (min-width: 1181px) {
	.accordion-expanded-beyond-breakpoint-md .accordion-trigger {
		display: none;
	}
	.accordion-expanded-beyond-breakpoint-md .accordion-content:not(.visible) {
		display: block;
	}
}

@media (min-width: 1401px) {
	.accordion-expanded-beyond-breakpoint-lg .accordion-trigger {
		display: none;
	}
	.accordion-expanded-beyond-breakpoint-lg .accordion-content:not(.visible) {
		display: block;
	}
}

/* ------------------------------ COMPONENTS: Alert ------------------------------ */
.alert {
	margin-bottom: 20px;
	position: relative;
	padding: 7px 20px 9px 15px;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-radius: 0;
}
* + .alert {
	margin-top: 20px;
}
.alert h1,
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6,
.alert .h1,
.alert .h2,
.alert .h3,
.alert .h4,
.alert .h5,
.alert .h6,
.alert .validation-header {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	font-size: 18px;
	position: relative;
	margin: 0 0 20px;
	color: var(--text-heading-color);
}
.alert h1:has(> span.fa),
.alert h2:has(> span.fa),
.alert h3:has(> span.fa),
.alert h4:has(> span.fa),
.alert h5:has(> span.fa),
.alert h6:has(> span.fa),
.alert .h1:has(> span.fa),
.alert .h2:has(> span.fa),
.alert .h3:has(> span.fa),
.alert .h4:has(> span.fa),
.alert .h5:has(> span.fa),
.alert .h6:has(> span.fa),
.alert .validation-header:has(> span.fa) {
	padding-left: 28px;
}
.alert h1 .fa,
.alert h1 .glyphicon,
.alert h2 .fa,
.alert h2 .glyphicon,
.alert h3 .fa,
.alert h3 .glyphicon,
.alert h4 .fa,
.alert h4 .glyphicon,
.alert h5 .fa,
.alert h5 .glyphicon,
.alert h6 .fa,
.alert h6 .glyphicon,
.alert .h1 .fa,
.alert .h1 .glyphicon,
.alert .h2 .fa,
.alert .h2 .glyphicon,
.alert .h3 .fa,
.alert .h3 .glyphicon,
.alert .h4 .fa,
.alert .h4 .glyphicon,
.alert .h5 .fa,
.alert .h5 .glyphicon,
.alert .h6 .fa,
.alert .h6 .glyphicon,
.alert .validation-header .fa,
.alert .validation-header .glyphicon {
	position: absolute;
	top: -2px;
	left: 0;
}
.alert .fa,
.alert .glyphicon {
	display: inline-block;
	width: 18px;
	margin-right: 10px;
	font-size: 18px;
	line-height: 1;
}
.alert a,
.alert .alert-link {
	font-weight: 600;
}
.alert > *:last-child {
	margin-bottom: 0;
}
.alert p {
	color: var(--text-color-default) !important;
}
.alert > p + p {
	margin-top: 10px;
}
.alert ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: disc;
}
.alert *:not(h2) + ul:has(li:only-child) {
	padding-left: 0;
	list-style: none;
}
.alert *:has(> span.fa) ~ ul {
	padding: 0 0 0 44px;
}
.alert li + li {
	margin-top: 5px;
}
.alert.vertically-align {
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 54px;
}

.crmEntityFormView .validation-summary h2,
.validation-summary h2 {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	font-size: 18px;
	position: relative;
	margin: 0 0 20px;
	color: var(--text-heading-color);
}
.crmEntityFormView .validation-summary h2:has(> span.fa),
.validation-summary h2:has(> span.fa) {
	padding-left: 28px;
}
.crmEntityFormView .validation-summary ul,
.validation-summary ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: disc;
}
.crmEntityFormView .validation-summary ul li:has(a)::marker,
.validation-summary ul li:has(a)::marker {
	color: var(--text-color-danger);
}
.crmEntityFormView .validation-summary *:has(> span.fa) ~ ul,
.validation-summary *:has(> span.fa) ~ ul {
	padding: 0 0 0 44px;
}

.alert-dismissable,
.alert-dismissible {
	position: relative;
	padding-right: 62px;
	min-height: 54px;
}
.alert-dismissable .close,
.alert-dismissable .btn-close,
.alert-dismissible .close,
.alert-dismissible .btn-close {
	position: absolute;
	top: 6px;
	right: 6px;
	color: inherit;
}

.alert-contained.alert {
	padding: 7px 0 9px 0;
	display: flex;
}
.alert-contained .container {
	display: flex;
	position: relative;
	padding-right: 62px;
}
.alert-contained .alert-content {
	flex: 1;
	align-self: center;
}
.alert-contained.alert-dismissable .close,
.alert-contained.alert-dismissable .btn-close,
.alert-contained.alert-dismissible .close,
.alert-contained.alert-dismissible .btn-close {
	top: 0;
	right: 20px;
}

.alert-custom {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
}

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

.alert.validation-summary:has(> h2) {
	padding-top: 20px;
	padding-bottom: 30px;
}
.alert.validation-summary .validation-header .fa,
.alert.validation-summary .validation-header .glyphicon {
	font-family: "Glyphicons Halflings";
	top: 2px;
}
.alert.alert-error .fa-info-circle::before {
	content: "\e209";
}
.alert.alert-warning .fa-info-circle::before {
	content: "\e101";
}

.alert a.close,
.alert input.close,
.alert a.btn-close,
.alert input.btn-close {
	position: absolute;
	top: 6px;
	right: 6px;
}
.alert input.close {
	padding-bottom: 6px;
	font-size: 32px;
}
.alert input.close::after {
	content: none;
}

/* ------------------------------ COMPONENTS: Alert (Themes) ------------------------------ */
.alert-success {
	color: var(--text-color-default);
	background-color: var(--green-200) !important;
	border-color: var(--border-color-success);
}
.alert-success:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-success-focus);
}
.alert-success h1,
.alert-success h2,
.alert-success h3,
.alert-success h4,
.alert-success h5,
.alert-success h6,
.alert-success .h1,
.alert-success .h2,
.alert-success .h3,
.alert-success .h4,
.alert-success .h5,
.alert-success .h6 {
	color: var(--text-heading-color);
}
.alert-success .fa,
.alert-success .glyphicon {
	color: var(--green-600) !important;
}
.alert-success hr {
	border-top-color: var(--green-300);
}
.alert-success a:not(.btn),
.alert-success .alert-link,
.alert-success[class*="validation"] a {
	outline-offset: 0;
	color: var(--text-color-success) !important;
}
.alert-success a:not(.btn):focus,
.alert-success .alert-link:focus,
.alert-success[class*="validation"] a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-success-focus);
	outline-offset: 2px;
}
.alert-success a:not(.btn):focus:not(:focus-visible),
.alert-success .alert-link:focus:not(:focus-visible),
.alert-success[class*="validation"] a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-success a:not(.btn):focus-visible,
.alert-success .alert-link:focus-visible,
.alert-success[class*="validation"] a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-success-focus);
	outline-offset: 2px;
}
.alert-success a:not(.btn):hover,
.alert-success a:not(.btn):focus:hover,
.alert-success .alert-link:hover,
.alert-success .alert-link:focus:hover,
.alert-success[class*="validation"] a:hover,
.alert-success[class*="validation"] a:focus:hover {
	color: var(--text-color-on-success-transparent-hover) !important;
}
.alert-success a:not(.btn):active,
.alert-success a:not(.btn):focus:active,
.alert-success .alert-link:active,
.alert-success .alert-link:focus:active,
.alert-success[class*="validation"] a:active,
.alert-success[class*="validation"] a:focus:active {
	color: var(--text-color-on-success-transparent-active) !important;
}
.alert-success a:not(.btn):focus,
.alert-success .alert-link:focus,
.alert-success[class*="validation"] a:focus {
	color: var(--text-color-on-success-transparent-focus) !important;
}
.alert-success .close,
.alert-success button.close,
.alert-success .btn-close,
.alert-success button.btn-close {
	outline-offset: 0;
	background: transparent;
	color: var(--text-color-success) !important;
}
.alert-success .close:focus,
.alert-success button.close:focus,
.alert-success .btn-close:focus,
.alert-success button.btn-close:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-success-focus);
	outline-offset: 2px;
}
.alert-success .close:focus:not(:focus-visible),
.alert-success button.close:focus:not(:focus-visible),
.alert-success .btn-close:focus:not(:focus-visible),
.alert-success button.btn-close:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-success .close:focus-visible,
.alert-success button.close:focus-visible,
.alert-success .btn-close:focus-visible,
.alert-success button.btn-close:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-success-focus);
	outline-offset: 2px;
}
.alert-success .close:hover,
.alert-success .close:focus:hover,
.alert-success button.close:hover,
.alert-success button.close:focus:hover,
.alert-success .btn-close:hover,
.alert-success .btn-close:focus:hover,
.alert-success button.btn-close:hover,
.alert-success button.btn-close:focus:hover {
	background: rgba(var(--white), 0.5);
	color: var(--text-color-on-success-transparent-hover) !important;
}
.alert-success .close:active,
.alert-success .close:focus:active,
.alert-success button.close:active,
.alert-success button.close:focus:active,
.alert-success .btn-close:active,
.alert-success .btn-close:focus:active,
.alert-success button.btn-close:active,
.alert-success button.btn-close:focus:active {
	background: var(--white);
	color: var(--text-color-on-success-transparent-active) !important;
}
.alert-success .close:focus,
.alert-success button.close:focus,
.alert-success .btn-close:focus,
.alert-success button.btn-close:focus {
	background: transparent;
	color: var(--text-color-success) !important;
}

.alert-info {
	color: var(--text-color-default);
	background-color: var(--cyan-200) !important;
	border-color: var(--border-color-info);
}
.alert-info:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-info-focus);
}
.alert-info h1,
.alert-info h2,
.alert-info h3,
.alert-info h4,
.alert-info h5,
.alert-info h6,
.alert-info .h1,
.alert-info .h2,
.alert-info .h3,
.alert-info .h4,
.alert-info .h5,
.alert-info .h6 {
	color: var(--text-heading-color);
}
.alert-info .fa,
.alert-info .glyphicon {
	color: var(--cyan-600) !important;
}
.alert-info hr {
	border-top-color: var(--cyan-400);
}
.alert-info a:not(.btn),
.alert-info .alert-link,
.alert-info[class*="validation"] a {
	outline-offset: 0;
	color: var(--text-color-on-info-transparent-hover) !important;
}
.alert-info a:not(.btn):focus,
.alert-info .alert-link:focus,
.alert-info[class*="validation"] a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-info-focus);
	outline-offset: 2px;
}
.alert-info a:not(.btn):focus:not(:focus-visible),
.alert-info .alert-link:focus:not(:focus-visible),
.alert-info[class*="validation"] a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-info a:not(.btn):focus-visible,
.alert-info .alert-link:focus-visible,
.alert-info[class*="validation"] a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-info-focus);
	outline-offset: 2px;
}
.alert-info a:not(.btn):hover,
.alert-info a:not(.btn):focus:hover,
.alert-info .alert-link:hover,
.alert-info .alert-link:focus:hover,
.alert-info[class*="validation"] a:hover,
.alert-info[class*="validation"] a:focus:hover {
	color: var(--text-color-on-info-transparent-hover) !important;
}
.alert-info a:not(.btn):active,
.alert-info a:not(.btn):focus:active,
.alert-info .alert-link:active,
.alert-info .alert-link:focus:active,
.alert-info[class*="validation"] a:active,
.alert-info[class*="validation"] a:focus:active {
	color: var(--text-color-on-info-transparent-active) !important;
}
.alert-info a:not(.btn):focus,
.alert-info .alert-link:focus,
.alert-info[class*="validation"] a:focus {
	color: var(--text-color-on-info-transparent-focus) !important;
}
.alert-info .close,
.alert-info button.close,
.alert-info .btn-close,
.alert-info button.btn-close {
	outline-offset: 0;
	background: transparent;
	color: var(--text-color-info) !important;
}
.alert-info .close:focus,
.alert-info button.close:focus,
.alert-info .btn-close:focus,
.alert-info button.btn-close:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-info-focus);
	outline-offset: 2px;
}
.alert-info .close:focus:not(:focus-visible),
.alert-info button.close:focus:not(:focus-visible),
.alert-info .btn-close:focus:not(:focus-visible),
.alert-info button.btn-close:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-info .close:focus-visible,
.alert-info button.close:focus-visible,
.alert-info .btn-close:focus-visible,
.alert-info button.btn-close:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-info-focus);
	outline-offset: 2px;
}
.alert-info .close:hover,
.alert-info .close:focus:hover,
.alert-info button.close:hover,
.alert-info button.close:focus:hover,
.alert-info .btn-close:hover,
.alert-info .btn-close:focus:hover,
.alert-info button.btn-close:hover,
.alert-info button.btn-close:focus:hover {
	background: rgba(var(--white), 0.5);
	color: var(--text-color-on-info-transparent-hover) !important;
}
.alert-info .close:active,
.alert-info .close:focus:active,
.alert-info button.close:active,
.alert-info button.close:focus:active,
.alert-info .btn-close:active,
.alert-info .btn-close:focus:active,
.alert-info button.btn-close:active,
.alert-info button.btn-close:focus:active {
	background: var(--white);
	color: var(--text-color-on-info-transparent-active) !important;
}
.alert-info .close:focus,
.alert-info button.close:focus,
.alert-info .btn-close:focus,
.alert-info button.btn-close:focus {
	background: transparent;
	color: var(--text-color-info) !important;
}

.alert-warning {
	color: var(--text-color-default);
	background-color: var(--yellow-200) !important;
	border-color: var(--yellow-500);
}
.alert-warning:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-warning-focus);
}
.alert-warning h1,
.alert-warning h2,
.alert-warning h3,
.alert-warning h4,
.alert-warning h5,
.alert-warning h6,
.alert-warning .h1,
.alert-warning .h2,
.alert-warning .h3,
.alert-warning .h4,
.alert-warning .h5,
.alert-warning .h6 {
	color: var(--text-heading-color);
}
.alert-warning .fa,
.alert-warning .glyphicon {
	color: var(--yellow-700) !important;
}
.alert-warning hr {
	border-top-color: var(--yellow-400);
}
.alert-warning a:not(.btn),
.alert-warning .alert-link,
.alert-warning[class*="validation"] a {
	outline-offset: 0;
	color: var(--text-color-warning) !important;
}
.alert-warning a:not(.btn):focus,
.alert-warning .alert-link:focus,
.alert-warning[class*="validation"] a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-warning-focus);
	outline-offset: 2px;
}
.alert-warning a:not(.btn):focus:not(:focus-visible),
.alert-warning .alert-link:focus:not(:focus-visible),
.alert-warning[class*="validation"] a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-warning a:not(.btn):focus-visible,
.alert-warning .alert-link:focus-visible,
.alert-warning[class*="validation"] a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-warning-focus);
	outline-offset: 2px;
}
.alert-warning a:not(.btn):hover,
.alert-warning a:not(.btn):focus:hover,
.alert-warning .alert-link:hover,
.alert-warning .alert-link:focus:hover,
.alert-warning[class*="validation"] a:hover,
.alert-warning[class*="validation"] a:focus:hover {
	color: var(--text-color-on-warning-transparent-hover) !important;
}
.alert-warning a:not(.btn):active,
.alert-warning a:not(.btn):focus:active,
.alert-warning .alert-link:active,
.alert-warning .alert-link:focus:active,
.alert-warning[class*="validation"] a:active,
.alert-warning[class*="validation"] a:focus:active {
	color: var(--text-color-on-warning-transparent-active) !important;
}
.alert-warning a:not(.btn):focus,
.alert-warning .alert-link:focus,
.alert-warning[class*="validation"] a:focus {
	color: var(--text-color-on-warning-transparent-focus) !important;
}
.alert-warning .close,
.alert-warning button.close,
.alert-warning .btn-close,
.alert-warning button.btn-close {
	outline-offset: 0;
	background: transparent;
	color: var(--text-color-warning) !important;
}
.alert-warning .close:focus,
.alert-warning button.close:focus,
.alert-warning .btn-close:focus,
.alert-warning button.btn-close:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-warning-focus);
	outline-offset: 2px;
}
.alert-warning .close:focus:not(:focus-visible),
.alert-warning button.close:focus:not(:focus-visible),
.alert-warning .btn-close:focus:not(:focus-visible),
.alert-warning button.btn-close:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-warning .close:focus-visible,
.alert-warning button.close:focus-visible,
.alert-warning .btn-close:focus-visible,
.alert-warning button.btn-close:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-warning-focus);
	outline-offset: 2px;
}
.alert-warning .close:hover,
.alert-warning .close:focus:hover,
.alert-warning button.close:hover,
.alert-warning button.close:focus:hover,
.alert-warning .btn-close:hover,
.alert-warning .btn-close:focus:hover,
.alert-warning button.btn-close:hover,
.alert-warning button.btn-close:focus:hover {
	background: rgba(var(--white), 0.5);
	color: var(--text-color-on-warning-transparent-hover) !important;
}
.alert-warning .close:active,
.alert-warning .close:focus:active,
.alert-warning button.close:active,
.alert-warning button.close:focus:active,
.alert-warning .btn-close:active,
.alert-warning .btn-close:focus:active,
.alert-warning button.btn-close:active,
.alert-warning button.btn-close:focus:active {
	background: var(--white);
	color: var(--text-color-on-warning-transparent-active) !important;
}
.alert-warning .close:focus,
.alert-warning button.close:focus,
.alert-warning .btn-close:focus,
.alert-warning button.btn-close:focus {
	background: transparent;
	color: var(--text-color-warning) !important;
}

.alert-danger {
	color: var(--text-color-default);
	background-color: var(--red-100) !important;
	border-color: var(--border-color-danger);
}
.alert-danger:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-danger-focus);
}
.alert-danger h1,
.alert-danger h2,
.alert-danger h3,
.alert-danger h4,
.alert-danger h5,
.alert-danger h6,
.alert-danger .h1,
.alert-danger .h2,
.alert-danger .h3,
.alert-danger .h4,
.alert-danger .h5,
.alert-danger .h6 {
	color: var(--text-heading-color);
}
.alert-danger .fa,
.alert-danger .glyphicon {
	color: var(--red-500) !important;
}
.alert-danger hr {
	border-top-color: var(--red-200);
}
.alert-danger a:not(.btn),
.alert-danger .alert-link,
.alert-danger[class*="validation"] a {
	outline-offset: 0;
	color: var(--text-color-danger) !important;
}
.alert-danger a:not(.btn):focus,
.alert-danger .alert-link:focus,
.alert-danger[class*="validation"] a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-danger-focus);
	outline-offset: 2px;
}
.alert-danger a:not(.btn):focus:not(:focus-visible),
.alert-danger .alert-link:focus:not(:focus-visible),
.alert-danger[class*="validation"] a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-danger a:not(.btn):focus-visible,
.alert-danger .alert-link:focus-visible,
.alert-danger[class*="validation"] a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-danger-focus);
	outline-offset: 2px;
}
.alert-danger a:not(.btn):hover,
.alert-danger a:not(.btn):focus:hover,
.alert-danger .alert-link:hover,
.alert-danger .alert-link:focus:hover,
.alert-danger[class*="validation"] a:hover,
.alert-danger[class*="validation"] a:focus:hover {
	color: var(--text-color-on-danger-transparent-hover) !important;
}
.alert-danger a:not(.btn):active,
.alert-danger a:not(.btn):focus:active,
.alert-danger .alert-link:active,
.alert-danger .alert-link:focus:active,
.alert-danger[class*="validation"] a:active,
.alert-danger[class*="validation"] a:focus:active {
	color: var(--text-color-on-danger-transparent-active) !important;
}
.alert-danger a:not(.btn):focus,
.alert-danger .alert-link:focus,
.alert-danger[class*="validation"] a:focus {
	color: var(--text-color-on-danger-transparent-focus) !important;
}
.alert-danger .close,
.alert-danger button.close,
.alert-danger .btn-close,
.alert-danger button.btn-close {
	outline-offset: 0;
	background: transparent;
	color: var(--text-color-danger) !important;
}
.alert-danger .close:focus,
.alert-danger button.close:focus,
.alert-danger .btn-close:focus,
.alert-danger button.btn-close:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-danger-focus);
	outline-offset: 2px;
}
.alert-danger .close:focus:not(:focus-visible),
.alert-danger button.close:focus:not(:focus-visible),
.alert-danger .btn-close:focus:not(:focus-visible),
.alert-danger button.btn-close:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.alert-danger .close:focus-visible,
.alert-danger button.close:focus-visible,
.alert-danger .btn-close:focus-visible,
.alert-danger button.btn-close:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-danger-focus);
	outline-offset: 2px;
}
.alert-danger .close:hover,
.alert-danger .close:focus:hover,
.alert-danger button.close:hover,
.alert-danger button.close:focus:hover,
.alert-danger .btn-close:hover,
.alert-danger .btn-close:focus:hover,
.alert-danger button.btn-close:hover,
.alert-danger button.btn-close:focus:hover {
	background: rgba(var(--white), 0.5);
	color: var(--text-color-on-danger-transparent-hover) !important;
}
.alert-danger .close:active,
.alert-danger .close:focus:active,
.alert-danger button.close:active,
.alert-danger button.close:focus:active,
.alert-danger .btn-close:active,
.alert-danger .btn-close:focus:active,
.alert-danger button.btn-close:active,
.alert-danger button.btn-close:focus:active {
	background: var(--white);
	color: var(--text-color-on-danger-transparent-active) !important;
}
.alert-danger .close:focus,
.alert-danger button.close:focus,
.alert-danger .btn-close:focus,
.alert-danger button.btn-close:focus {
	background: transparent;
	color: var(--text-color-danger) !important;
}

/* ------------------------------ COMPONENTS: Alert - Viewport Banner ------------------------------ */
.alert-viewport-banner {
	min-height: 54px;
	margin: 0;
	padding: 0;
	border-radius: 0;
}
.alert-viewport-banner .container {
	position: relative;
	padding-top: 14px;
	padding-bottom: 16px;
}
.alert-viewport-banner span.fa {
	position: absolute;
	top: 16px;
	left: 20px;
}
@media (min-width: 480px) {
	.alert-viewport-banner span.fa {
		left: 20px;
	}
}
@media (min-width: 768px) {
	.alert-viewport-banner span.fa {
		left: 20px;
	}
}
.alert-viewport-banner p {
	margin-bottom: 0;
	padding-left: 38px;
}
.alert-viewport-banner.alert-dismissable p {
	padding-right: 68px;
}
.alert-viewport-banner .close {
	position: absolute;
	top: 6px;
	right: 16px;
}
@media (min-width: 480px) {
	.alert-viewport-banner .close {
		right: 16px;
	}
}
@media (min-width: 768px) {
	.alert-viewport-banner .close {
		right: 16px;
	}
}
.alert-viewport-banner.alert-danger:has(+ .alert) {
	border-bottom: 1px solid var(--red-200);
}
.alert-viewport-banner.alert-warning:has(+ .alert) {
	border-bottom: 1px solid var(--yellow-400);
}
.alert-viewport-banner.alert-info:has(+ .alert) {
	border-bottom: 1px solid var(--cyan-400);
}

/* ------------------------------ COMPONENTS: Badge ------------------------------ */
.badge {
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 20px;
	height: 20px;
	padding: 0px 5px 2px;
	border-width: 0;
	border-style: solid;
	border-color: transparent;
	border-radius: 10px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: var(--gray-800);
	color: var(--text-color-default);
}
.badge:empty {
	display: none;
}
.badge.badge-dark {
	box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.2);
}
.badge.badge-shadow {
	box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.1);
}
.badge.badge-shadow.badge-dark {
	box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.2);
}

.badge-default {
	border: transparent;
	color: var(--text-color-default);
	background-color: var(--gray-800);
}
.badge-default.badge-dark {
	border-color: transparent;
	color: var(--text-color-default);
	background-color: var(--gray-800);
}

.btn-default .badge {
	background-color: var(--gray-800);
	color: var(--gray-800);
	background-color: var(--bg-primary);
	color: var(--text-color-default);
}

a .badge {
	color: var(--white);
	background-color: var(--text-color-on-primary-transparent-default);
}
a .badge:hover,
a .badge:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}
a .badge.badge-default {
	color: var(--text-color-default);
	background-color: var(--gray-800);
}

.badge-primary {
	border: transparent;
	color: var(--text-color-on-primary-default);
	background-color: var(--bg-primary);
}
.badge-primary.badge-dark {
	border-color: transparent;
	color: var(--text-color-on-primary-transparent-default);
	background-color: var(--bg-default);
}

.btn-primary .badge,
.entity-lookup .toolbar-actions .input-group-btn .btn .badge {
	background-color: var(--bg-default);
	color: var(--bg-primary);
}

a .badge {
	color: var(--white);
	background-color: var(--text-color-on-primary-transparent-default);
}
a .badge:hover,
a .badge:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}
a .badge.badge-primary {
	color: var(--text-color-on-primary-default);
	background-color: var(--bg-primary);
}

.badge-success {
	border: transparent;
	color: var(--text-color-on-success-default);
	background-color: var(--bg-success);
}
.badge-success.badge-dark {
	border-color: transparent;
	color: var(--text-color-success);
	background-color: var(--bg-default);
}

.btn-success .badge {
	background-color: var(--bg-default);
	color: var(--bg-success);
}

a .badge {
	color: var(--white);
	background-color: var(--text-color-on-primary-transparent-default);
}
a .badge:hover,
a .badge:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}
a .badge.badge-success {
	color: var(--text-color-on-success-default);
	background-color: var(--bg-success);
}

.badge-info {
	border: transparent;
	color: var(--text-color-on-info-default);
	background-color: var(--bg-info);
}
.badge-info.badge-dark {
	border-color: transparent;
	color: var(--text-color-info);
	background-color: var(--bg-default);
}

.btn-info .badge {
	background-color: var(--bg-default);
	color: var(--bg-info);
}

a .badge {
	color: var(--white);
	background-color: var(--text-color-on-primary-transparent-default);
}
a .badge:hover,
a .badge:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}
a .badge.badge-info {
	color: var(--text-color-on-info-default);
	background-color: var(--bg-info);
}

.badge-warning {
	border: transparent;
	color: var(--text-color-on-warning-default);
	background-color: var(--bg-warning);
}
.badge-warning.badge-dark {
	border-color: transparent;
	color: var(--text-color-warning);
	background-color: var(--bg-default);
}

.btn-warning .badge {
	background-color: var(--bg-default);
	color: var(--bg-warning);
}

a .badge {
	color: var(--white);
	background-color: var(--text-color-on-primary-transparent-default);
}
a .badge:hover,
a .badge:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}
a .badge.badge-warning {
	color: var(--text-color-on-warning-default);
	background-color: var(--bg-warning);
}

.badge-danger {
	border: transparent;
	color: var(--text-color-on-danger-default);
	background-color: var(--bg-danger-default);
}
.badge-danger.badge-dark {
	border-color: transparent;
	color: var(--text-color-danger);
	background-color: var(--bg-default);
}

.btn-danger .badge {
	background-color: var(--bg-default);
	color: var(--bg-danger-default);
}

a .badge {
	color: var(--white);
	background-color: var(--text-color-on-primary-transparent-default);
}
a .badge:hover,
a .badge:focus {
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
}
a .badge.badge-danger {
	color: var(--text-color-on-danger-default);
	background-color: var(--bg-danger-default);
}

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

.btn-xs .badge,
.btn-xs > .btn .badge,
.btn-group-xs .badge,
.btn-group-xs > .btn .badge {
	top: 0;
	padding: 0px 5px 2px;
}

.list-group-item > .badge {
	float: right;
}
.list-group-item > .badge + .badge {
	margin-right: 5px;
}

.nav-pills > .active > a > .badge,
.nav-pills .nav-link.active > .badge {
	color: var(--text-color-on-primary-transparent-default);
	background-color: var(--white);
}
.nav-pills > li > a > .badge {
	position: relative;
	margin-left: 5px;
	top: -1px;
}

/* ------------------------------ COMPONENTS: Badge - Label ------------------------------ */
.label {
	display: inline-block;
	padding: 4px 15px 6px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: var(--black);
	text-align: center;
	white-space: nowrap;
	vertical-align: inherit;
	border-radius: 4px;
}
.label:empty {
	display: none;
}
a.label {
	text-decoration: none;
	cursor: pointer;
}
a.label:hover,
a.label:focus {
	color: var(--black);
}

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

.label-default {
	background-color: var(--gray-300) !important;
	color: var(--black);
}
.label-default[href]:hover {
	background-color: var(--gray-200) !important;
	color: var(--black);
}
.label-default[href]:active,
.label-default[href]:focus:active {
	background-color: var(--gray-100) !important;
}
.label-default[href]:focus {
	background-color: var(--gray-300) !important;
}

.inverse.label-default {
	background-color: var(--gray-700) !important;
	color: var(--white);
}
.inverse.label-default[href]:hover {
	background-color: var(--gray-800) !important;
	color: var(--white);
}
.inverse.label-default[href]:active,
.inverse.label-default[href]:focus:active {
	background-color: var(--gray-900) !important;
}
.inverse.label-default[href]:focus {
	background-color: var(--gray-700) !important;
}

.label-primary {
	background-color: var(--bg-primary-lighter-default) !important;
	color: var(--text-color-on-primary-lighter-default);
}
.label-primary[href]:hover {
	background-color: var(--bg-primary-lighter-hover) !important;
	color: var(--text-color-on-primary-lighter-hover);
}
.label-primary[href]:active,
.label-primary[href]:focus:active {
	background-color: var(--bg-primary-lighter-active) !important;
}
.label-primary[href]:focus {
	background-color: var(--bg-primary-lighter-default) !important;
}

.inverse.label-primary {
	background-color: var(--bg-primary-lighter-default) !important;
	color: var(--text-color-on-primary-lighter-default);
}
.inverse.label-primary[href]:hover {
	background-color: var(--bg-primary-lighter-hover) !important;
	color: var(--text-color-on-primary-lighter-hover);
}
.inverse.label-primary[href]:active,
.inverse.label-primary[href]:focus:active {
	background-color: var(--bg-primary-lighter-active) !important;
}
.inverse.label-primary[href]:focus {
	background-color: var(--bg-primary-lighter-focus) !important;
}

.label-success {
	background-color: var(--bg-success-lighter-default) !important;
	color: var(--text-color-on-success-lighter-default);
}
.label-success[href]:hover {
	background-color: var(--bg-success-lighter-hover) !important;
	color: var(--text-color-on-success-lighter-hover);
}
.label-success[href]:active,
.label-success[href]:focus:active {
	background-color: var(--bg-success-lighter-active) !important;
}
.label-success[href]:focus {
	background-color: var(--bg-success-lighter-default) !important;
}

.inverse.label-success {
	background-color: var(--bg-success-lighter-default) !important;
	color: var(--text-color-on-success-lighter-default);
}
.inverse.label-success[href]:hover {
	background-color: var(--bg-success-lighter-hover) !important;
	color: var(--text-color-on-success-lighter-hover);
}
.inverse.label-success[href]:active,
.inverse.label-success[href]:focus:active {
	background-color: var(--bg-success-lighter-active) !important;
}
.inverse.label-success[href]:focus {
	background-color: var(--bg-success-lighter-focus) !important;
}

.label-info {
	background-color: var(--bg-info-lighter-default) !important;
	color: var(--text-color-on-info-lighter-default);
}
.label-info[href]:hover {
	background-color: var(--bg-info-lighter-hover) !important;
	color: var(--text-color-on-info-lighter-hover);
}
.label-info[href]:active,
.label-info[href]:focus:active {
	background-color: var(--bg-info-lighter-active) !important;
}
.label-info[href]:focus {
	background-color: var(--bg-info-lighter-default) !important;
}

.inverse.label-info {
	background-color: var(--bg-info-lighter-default) !important;
	color: var(--text-color-on-info-lighter-default);
}
.inverse.label-info[href]:hover {
	background-color: var(--bg-info-lighter-hover) !important;
	color: var(--text-color-on-info-lighter-hover);
}
.inverse.label-info[href]:active,
.inverse.label-info[href]:focus:active {
	background-color: var(--bg-info-lighter-active) !important;
}
.inverse.label-info[href]:focus {
	background-color: var(--bg-info-lighter-focus) !important;
}

.label-warning {
	background-color: var(--bg-warning-lighter-default) !important;
	color: var(--text-color-on-warning-lighter-default);
}
.label-warning[href]:hover {
	background-color: var(--bg-warning-lighter-hover) !important;
	color: var(--text-color-on-warning-lighter-hover);
}
.label-warning[href]:active,
.label-warning[href]:focus:active {
	background-color: var(--bg-warning-lighter-active) !important;
}
.label-warning[href]:focus {
	background-color: var(--bg-warning-lighter-default) !important;
}

.inverse.label-warning {
	background-color: var(--bg-warning-lighter-default) !important;
	color: var(--text-color-on-warning-lighter-default);
}
.inverse.label-warning[href]:hover {
	background-color: var(--bg-warning-lighter-hover) !important;
	color: var(--text-color-on-warning-lighter-hover);
}
.inverse.label-warning[href]:active,
.inverse.label-warning[href]:focus:active {
	background-color: var(--bg-warning-lighter-active) !important;
}
.inverse.label-warning[href]:focus {
	background-color: var(--bg-warning-lighter-focus) !important;
}

.label-danger {
	background-color: var(--bg-danger-lighter-default) !important;
	color: var(--text-color-on-danger-lighter-default);
}
.label-danger[href]:hover {
	background-color: var(--bg-danger-lighter-hover) !important;
	color: var(--text-color-on-danger-lighter-hover);
}
.label-danger[href]:active,
.label-danger[href]:focus:active {
	background-color: var(--bg-danger-lighter-active) !important;
}
.label-danger[href]:focus {
	background-color: var(--bg-danger-lighter-default) !important;
}

.inverse.label-danger {
	background-color: var(--bg-danger-lighter-default) !important;
	color: var(--text-color-on-danger-lighter-default);
}
.inverse.label-danger[href]:hover {
	background-color: var(--bg-danger-lighter-hover) !important;
	color: var(--text-color-on-danger-lighter-hover);
}
.inverse.label-danger[href]:active,
.inverse.label-danger[href]:focus:active {
	background-color: var(--bg-danger-lighter-active) !important;
}
.inverse.label-danger[href]:focus {
	background-color: var(--bg-danger-lighter-focus) !important;
}

/* ------------------------------ COMPONENTS: Banner ------------------------------ */
.banner {
	padding-top: 20px;
	padding-bottom: 30px;
	background: var(--bg-accent);
}
.banner .container > *:first-child,
.banner .container > [class^="xrm"] > [class^="xrm"] > *:first-child {
	margin-top: 0;
}
.banner .container > *:last-child,
.banner .container > [class^="xrm"] > [class^="xrm"] > *:last-child {
	margin-bottom: 0;
}
.banner.banner-homepage {
	padding: 0;
	color: var(--white);
}
.banner.banner-homepage h1 {
	color: var(--white);
}
.banner h1 {
	margin-top: 0;
}
.banner .banner-main-content,
.banner .banner-grid {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: minmax(0, 50%) 1fr;
}
.banner .banner-title {
	order: 1;
	grid-column: 1/12;
}
.banner .banner-title h1 {
	margin-bottom: 0;
}
.banner .banner-title h1 .label {
	transform: translateY(0px);
}
@media (min-width: 1181px) {
	.banner .banner-title h1 .label {
		transform: translateY(0px);
	}
}
@media (min-width: 768px) {
	.banner .banner-title:has(~ .banner-actions-primary:not(:empty)),
	.banner .banner-title:has(~ .banner-details:empty ~ .banner-actions-secondary:not(:empty)) {
		grid-column: 1/8;
		align-self: center;
	}
}
.banner .banner-actions-primary {
	order: 3;
	grid-column: 1/12;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 20px;
}
@media (min-width: 768px) {
	.banner .banner-actions-primary {
		order: 2;
		grid-column: 8/12;
		flex-direction: row;
		justify-content: flex-end;
		align-content: flex-start;
		align-items: center;
		padding-top: 8px;
	}
}
.banner .banner-actions-primary:empty {
	display: none;
}
@media (min-width: 1181px) {
	.banner .banner-actions-primary {
		padding-top: 15px;
	}
}
.banner .banner-actions-secondary {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	order: 4;
	grid-column: 1/12;
}
.banner .banner-actions-secondary:empty {
	display: none;
}
@media (min-width: 768px) {
	.banner .banner-actions-secondary {
		padding-left: 40px;
		-webkit-box-align: flex-end;
		-ms-flex-align: flex-end;
		align-items: flex-end;
		grid-column: 8/12;
	}
}
@media (min-width: 768px) and (min-width: 1181px) {
	.banner .banner-actions-secondary {
		padding-left: 60px;
	}
}
@media (min-width: 768px) {
	.banner .banner-details:empty ~ .banner-actions-primary:empty ~ .banner-actions-secondary {
		order: 2;
		padding-top: 8px;
	}
}
@media (min-width: 1181px) {
	.banner .banner-details:empty ~ .banner-actions-primary:empty ~ .banner-actions-secondary {
		padding-top: 15px;
	}
}
.banner .banner-details {
	order: 2;
	grid-column: 1/12;
}
.banner .banner-details > *:last-child {
	margin-bottom: 0;
}
.banner .banner-details .list-details {
	margin-bottom: 0;
}
.banner .banner-details:empty {
	display: none;
}
@media (min-width: 768px) {
	.banner .banner-details {
		order: 3;
	}
	.banner .banner-details:has(~ .banner-actions-secondary:not(:empty)) {
		grid-column: 1/8;
	}
}
.banner .banner-badges {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	padding-top: 5px;
	margin-bottom: 10px;
}
.banner .banner-badges li {
	margin-right: 10px;
	margin-bottom: 10px;
}

.banner.banner--sticky {
	position: sticky;
	top: 0;
	z-index: 100;
	align-self: start;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow:
		0px 0px 10px 0px rgba(0, 0, 0, 0.4),
		0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	animation: stickyBannerAnimation 0.25s ease;
}
.banner.banner--sticky .breadcrumb-back-link,
.banner.banner--sticky .banner-details {
	display: none;
}
.banner.banner--sticky h1 {
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding-bottom: 1px;
}

@keyframes stickyBannerAnimation {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}
.banner.banner--print {
	background: none;
}
@media print {
	.banner {
		border-bottom: 1px solid var(--border-color-default);
	}
}

/* ------------------------------ COMPONENTS: Banner - Hero ------------------------------ */
.banner {
	position: relative;
}

.banner-image {
	width: 100%;
	min-height: 200px;
	background-image: url("../Images/homepage-banner.jpg");
	/*
	background-repeat: no-repeat;
	background-position: center 45%;
	background-size: cover;
	*/
}
@media (min-width: 769px) {
	.banner-image {
		min-height: 400px;
	}
}
@media (min-width: 1181px) {
	.banner-image {
		min-height: 500px;
	}
}

.banner-text {
	padding-top: 20px;
	padding-bottom: 30px;
	background: var(--black);
}
@media (min-width: 769px) {
	.banner-text {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: transparent;
	}
	.banner-text.banner-text-top {
		bottom: auto;
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	}
	.banner-text.banner-text-bottom {
		top: auto;
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
	}
	.banner-text.banner-text-left {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 60%, transparent 60%);
	}
	.banner-text.banner-text-right {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 60%, transparent 60%);
	}
}
@media (min-width: 769px) {
	.banner-text h1,
	.banner-text p {
		max-width: 59.3220338983%;
	}
	.banner-text.banner-text-right h1,
	.banner-text.banner-text-right p {
		margin-left: auto;
	}
	.banner-text .text-large {
		font-size: 22px;
	}
}
@media (min-width: 769px) and (max-width: 1400px) {
	.banner-text h1,
	.banner-text p {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 1181px) {
	.banner-text h1,
	.banner-text p {
		max-width: 700px;
	}
}

/* ------------------------------ COMPONENTS: Banner - IE ------------------------------ */
#ie-banner {
	display: none;
}

/* ------------------------------ COMPONENT: Blockquote ------------------------------ */
blockquote {
	padding: 12px 24px;
	margin: 0 0 24px;
	font-size: 18px;
	border-left: 5px solid var(--border-color-default);
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
	margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: var(--text-color-accent);
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
	content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	text-align: right;
	border-right: 5px solid var(--border-color-default);
	border-left: 0;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
	content: "";
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
	content: " —";
}

/* ------------------------------ COMPONENTS: Breadcrumb ------------------------------ */
.breadcrumb {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
	position: relative;
	padding: 0;
	list-style: none;
	border-radius: 0;
	background-color: transparent;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
}
.breadcrumb li + li:before {
	position: relative;
	top: 1px;
	font-family: "Glyphicons Halflings";
	font-size: 12px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	color: var(--text-color-accent) !important;
	content: "\e258" !important;
	float: none !important;
}
.breadcrumb li.active {
	font-weight: 600;
	color: var(--text-color-default);
}
.breadcrumb-back-link .breadcrumb li:first-child a {
	padding-left: 26px;
}
.breadcrumb-back-link .breadcrumb li:first-child a::before {
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	padding-right: 10px;
	font-family: "Glyphicons Halflings";
	font-size: 16px;
	content: "\e091";
}
.breadcrumb-back-link .breadcrumb .active {
	display: none;
}

/* ------------------------------ COMPONENTS: Button ------------------------------ */
.btn {
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0;
	padding: 7px 15px 9px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-image: none;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
}
.btn:hover,
.btn:focus,
.btn.focus {
	color: var(--text-color-on-primary-default);
	text-decoration: none;
}
.btn:active,
.btn.active {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-active);
	background-image: none;
	outline: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 0;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=100);
	opacity: 1;
	box-shadow: none;
}

a.btn {
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	text-decoration: none;
}
a.btn .fa-plus-circle {
	margin-right: 10px;
}
a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-link {
	font-weight: 600;
	color: var(--text-color-on-primary-transparent-default);
	border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
	text-decoration: none;
}

.btn-block {
	display: block;
}
.btn-blockinput[type="submit"],
.btn-blockinput[type="reset"],
.btn-blockinput[type="button"] {
	width: 100%;
}
.btn-block + .btn-block {
	margin-top: 20px;
}

.btn-default {
	background: var(--white);
	border-color: var(--border-color-on-primary-transparent-default);
	color: var(--text-color-on-primary-transparent-default);
}
.btn-default:hover,
.btn-default:focus:hover,
.btn-default.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-hover);
	background: var(--bg-primary-transparent-hover);
	border-color: var(--border-color-on-primary-transparent-hover);
	color: var(--text-color-on-primary-transparent-hover);
}
.btn-default:active,
.btn-default:active:hover,
.btn-default.active,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-active);
	background: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-primary-transparent-active);
	color: var(--text-color-on-primary-transparent-active);
}
.btn-default:focus,
.btn-default.focus,
.open > .btn-default.dropdown-toggle,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-focus);
	background: var(--white);
	border-color: var(--border-color-on-primary-transparent-focus);
	color: var(--text-color-on-primary-transparent-focus);
}
.btn-default:disabled,
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-primary-transparent-disabled);
	background: var(--bg-primary-transparent-disabled);
	border-color: var(--border-color-on-primary-transparent-disabled);
	color: var(--text-color-on-primary-transparent-disabled);
}
.btn-default.btn-inverse {
	background: var(--bg-primary-transparent-default);
	border-color: var(--border-color-on-primary-transparent-default);
	color: var(--text-color-on-primary-transparent-default);
}
.btn-default.btn-inverse:hover,
.btn-default.btn-inverse:focus:hover,
.btn-default.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-hover);
	background: var(--bg-primary-transparent-hover);
	border-color: var(--border-color-on-primary-transparent-hover);
	color: var(--text-color-on-primary-transparent-hover);
}
.btn-default.btn-inverse:active,
.btn-default.btn-inverse:active:hover,
.btn-default.btn-inverse.active,
.btn-default.btn-inverse.active:hover,
.btn-default.btn-inverse:active:focus,
.btn-default.btn-inverse.active:focus,
.btn-default.btn-inverse:active.focus,
.btn-default.btn-inverse.active.focus,
.open > .btn-default.btn-inverse.dropdown-toggle,
.open > .btn-default.btn-inverse.dropdown-toggle:hover,
.open > .btn-default.btn-inverse.dropdown-toggle:focus,
.open > .btn-default.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-active);
	background: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-primary-transparent-active);
	color: var(--text-color-on-primary-transparent-active);
}
.btn-default.btn-inverse:focus,
.btn-default.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-transparent-focus);
	background: var(--bg-primary-transparent-focus);
	border-color: var(--border-color-on-primary-transparent-focus);
	color: var(--text-color-on-primary-transparent-focus);
}
.btn-default.btn-inverse:disabled,
.btn-default.btn-inverse.disabled,
.btn-default.btn-inverse.disabled:hover,
.btn-default.btn-inverse.disabled:focus,
.btn-default.btn-inverse.disabled.focus,
.btn-default.btn-inverse[disabled],
.btn-default.btn-inverse[disabled]:hover,
.btn-default.btn-inverse[disabled]:focus,
.btn-default.btn-inverse[disabled].focus,
fieldset[disabled] .btn-default.btn-inverse,
fieldset[disabled] .btn-default.btn-inverse:hover,
fieldset[disabled] .btn-default.btn-inverse:focus,
fieldset[disabled] .btn-default.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-primary-transparent-disabled);
	background: var(--bg-primary-transparent-disabled);
	border-color: var(--border-color-on-primary-transparent-disabled);
	color: var(--text-color-on-primary-transparent-disabled);
}

.btn-secondary {
	background: var(--bg-secondary-default);
	border-color: var(--border-color-on-secondary-default);
	color: var(--text-color-on-secondary-default);
}
.btn-secondary:hover,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-secondary-hover);
	background: var(--bg-secondary-hover);
	border-color: var(--border-color-on-secondary-hover);
	color: var(--text-color-on-secondary-hover);
}
.btn-secondary:active,
.btn-secondary:active:hover,
.btn-secondary.active,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-secondary-active);
	background: var(--bg-secondary-active);
	border-color: var(--border-color-on-secondary-active);
	color: var(--text-color-on-secondary-active);
}
.btn-secondary:focus,
.btn-secondary.focus,
.open > .btn-secondary.dropdown-toggle,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-secondary-focus);
	background: var(--bg-secondary-focus);
	border-color: var(--border-color-on-secondary-focus);
	color: var(--text-color-on-secondary-focus);
}
.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled],
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-secondary-disabled);
	background: var(--bg-secondary-disabled);
	border-color: var(--border-color-on-secondary-disabled);
	color: var(--text-color-on-secondary-disabled);
}
.btn-secondary.btn-inverse {
	background: var(--bg-secondary-default);
	border-color: var(--border-color-on-secondary-default);
	color: var(--text-color-on-secondary-default);
}
.btn-secondary.btn-inverse:hover,
.btn-secondary.btn-inverse:focus:hover,
.btn-secondary.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-secondary-hover);
	background: var(--bg-secondary-hover);
	border-color: var(--border-color-on-secondary-hover);
	color: var(--text-color-on-secondary-hover);
}
.btn-secondary.btn-inverse:active,
.btn-secondary.btn-inverse:active:hover,
.btn-secondary.btn-inverse.active,
.btn-secondary.btn-inverse.active:hover,
.btn-secondary.btn-inverse:active:focus,
.btn-secondary.btn-inverse.active:focus,
.btn-secondary.btn-inverse:active.focus,
.btn-secondary.btn-inverse.active.focus,
.open > .btn-secondary.btn-inverse.dropdown-toggle,
.open > .btn-secondary.btn-inverse.dropdown-toggle:hover,
.open > .btn-secondary.btn-inverse.dropdown-toggle:focus,
.open > .btn-secondary.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-secondary-active);
	background: var(--bg-secondary-active);
	border-color: var(--border-color-on-secondary-active);
	color: var(--text-color-on-secondary-active);
}
.btn-secondary.btn-inverse:focus,
.btn-secondary.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-secondary-focus);
	background: var(--bg-secondary-focus);
	border-color: var(--border-color-on-secondary-focus);
	color: var(--text-color-on-secondary-focus);
}
.btn-secondary.btn-inverse:disabled,
.btn-secondary.btn-inverse.disabled,
.btn-secondary.btn-inverse.disabled:hover,
.btn-secondary.btn-inverse.disabled:focus,
.btn-secondary.btn-inverse.disabled.focus,
.btn-secondary.btn-inverse[disabled],
.btn-secondary.btn-inverse[disabled]:hover,
.btn-secondary.btn-inverse[disabled]:focus,
.btn-secondary.btn-inverse[disabled].focus,
fieldset[disabled] .btn-secondary.btn-inverse,
fieldset[disabled] .btn-secondary.btn-inverse:hover,
fieldset[disabled] .btn-secondary.btn-inverse:focus,
fieldset[disabled] .btn-secondary.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-secondary-disabled);
	background: var(--bg-secondary-disabled);
	border-color: var(--border-color-on-secondary-disabled);
	color: var(--text-color-on-secondary-disabled);
}

.btn-primary,
.entity-lookup .toolbar-actions .input-group-btn .btn {
	background: var(--bg-primary-default);
	border-color: var(--border-color-on-primary-default);
	color: var(--text-color-on-primary-default);
}
.btn-primary:hover,
.entity-lookup .toolbar-actions .input-group-btn .btn:hover,
.btn-primary:focus:hover,
.btn-primary.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-hover);
	background: var(--bg-primary-hover);
	border-color: var(--border-color-on-primary-hover);
	color: var(--text-color-on-primary-hover);
}
.btn-primary:active,
.entity-lookup .toolbar-actions .input-group-btn .btn:active,
.btn-primary:active:hover,
.btn-primary.active,
.entity-lookup .toolbar-actions .input-group-btn .active.btn,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle,
.entity-lookup .toolbar-actions .input-group-btn .open > .dropdown-toggle.btn,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-active);
	background: var(--bg-primary-active);
	border-color: var(--border-color-on-primary-active);
	color: var(--text-color-on-primary-active);
}
.btn-primary:focus,
.entity-lookup .toolbar-actions .input-group-btn .btn:focus,
.btn-primary.focus,
.entity-lookup .toolbar-actions .input-group-btn .focus.btn,
.open > .btn-primary.dropdown-toggle,
.entity-lookup .toolbar-actions .input-group-btn .open > .dropdown-toggle.btn,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-focus);
	background: var(--bg-primary-focus);
	border-color: var(--border-color-on-primary-focus);
	color: var(--text-color-on-primary-focus);
}
.btn-primary:disabled,
.entity-lookup .toolbar-actions .input-group-btn .btn:disabled,
.btn-primary.disabled,
.entity-lookup .toolbar-actions .input-group-btn .disabled.btn,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled],
.entity-lookup .toolbar-actions .input-group-btn [disabled].btn,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary,
fieldset[disabled] .entity-lookup .toolbar-actions .input-group-btn .btn,
.entity-lookup .toolbar-actions .input-group-btn fieldset[disabled] .btn,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-primary-disabled);
	background: var(--bg-primary-disabled);
	border-color: var(--border-color-on-primary-disabled);
	color: var(--text-color-on-primary-disabled);
}
.btn-primary.btn-inverse,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn {
	background: var(--bg-primary-default);
	border-color: var(--border-color-on-primary-default);
	color: var(--text-color-on-primary-default);
}
.btn-primary.btn-inverse:hover,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:hover,
.btn-primary.btn-inverse:focus:hover,
.btn-primary.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-hover);
	background: var(--bg-primary-hover);
	border-color: var(--border-color-on-primary-hover);
	color: var(--text-color-on-primary-hover);
}
.btn-primary.btn-inverse:active,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:active,
.btn-primary.btn-inverse:active:hover,
.btn-primary.btn-inverse.active,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.active.btn,
.btn-primary.btn-inverse.active:hover,
.btn-primary.btn-inverse:active:focus,
.btn-primary.btn-inverse.active:focus,
.btn-primary.btn-inverse:active.focus,
.btn-primary.btn-inverse.active.focus,
.open > .btn-primary.btn-inverse.dropdown-toggle,
.entity-lookup .toolbar-actions .input-group-btn .open > .btn-inverse.dropdown-toggle.btn,
.open > .btn-primary.btn-inverse.dropdown-toggle:hover,
.open > .btn-primary.btn-inverse.dropdown-toggle:focus,
.open > .btn-primary.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-active);
	background: var(--bg-primary-active);
	border-color: var(--border-color-on-primary-active);
	color: var(--text-color-on-primary-active);
}
.btn-primary.btn-inverse:focus,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:focus,
.btn-primary.btn-inverse.focus,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.focus.btn {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-primary-focus);
	background: var(--bg-primary-focus);
	border-color: var(--border-color-on-primary-focus);
	color: var(--text-color-on-primary-focus);
}
.btn-primary.btn-inverse:disabled,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:disabled,
.btn-primary.btn-inverse.disabled,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.disabled.btn,
.btn-primary.btn-inverse.disabled:hover,
.btn-primary.btn-inverse.disabled:focus,
.btn-primary.btn-inverse.disabled.focus,
.btn-primary.btn-inverse[disabled],
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse[disabled].btn,
.btn-primary.btn-inverse[disabled]:hover,
.btn-primary.btn-inverse[disabled]:focus,
.btn-primary.btn-inverse[disabled].focus,
fieldset[disabled] .btn-primary.btn-inverse,
fieldset[disabled] .entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn,
.entity-lookup .toolbar-actions .input-group-btn fieldset[disabled] .btn-inverse.btn,
fieldset[disabled] .btn-primary.btn-inverse:hover,
fieldset[disabled] .btn-primary.btn-inverse:focus,
fieldset[disabled] .btn-primary.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-primary-disabled);
	background: var(--bg-primary-disabled);
	border-color: var(--border-color-on-primary-disabled);
	color: var(--text-color-on-primary-disabled);
}

.btn-success {
	background: var(--bg-success-default);
	border-color: var(--border-color-on-success-default);
	color: var(--text-color-on-success-default);
}
.btn-success:hover,
.btn-success:focus:hover,
.btn-success.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-success-hover);
	background: var(--bg-success-hover);
	border-color: var(--border-color-on-success-hover);
	color: var(--text-color-on-success-hover);
}
.btn-success:active,
.btn-success:active:hover,
.btn-success.active,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-success-active);
	background: var(--bg-success-active);
	border-color: var(--border-color-on-success-active);
	color: var(--text-color-on-success-active);
}
.btn-success:focus,
.btn-success.focus,
.open > .btn-success.dropdown-toggle,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-success-focus);
	background: var(--bg-success-focus);
	border-color: var(--border-color-on-success-focus);
	color: var(--text-color-on-success-focus);
}
.btn-success:disabled,
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-success-disabled);
	background: var(--bg-success-disabled);
	border-color: var(--border-color-on-success-disabled);
	color: var(--text-color-on-success-disabled);
}
.btn-success.btn-inverse {
	background: var(--bg-success-default);
	border-color: var(--border-color-on-success-default);
	color: var(--text-color-on-success-default);
}
.btn-success.btn-inverse:hover,
.btn-success.btn-inverse:focus:hover,
.btn-success.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-success-hover);
	background: var(--bg-success-hover);
	border-color: var(--border-color-on-success-hover);
	color: var(--text-color-on-success-hover);
}
.btn-success.btn-inverse:active,
.btn-success.btn-inverse:active:hover,
.btn-success.btn-inverse.active,
.btn-success.btn-inverse.active:hover,
.btn-success.btn-inverse:active:focus,
.btn-success.btn-inverse.active:focus,
.btn-success.btn-inverse:active.focus,
.btn-success.btn-inverse.active.focus,
.open > .btn-success.btn-inverse.dropdown-toggle,
.open > .btn-success.btn-inverse.dropdown-toggle:hover,
.open > .btn-success.btn-inverse.dropdown-toggle:focus,
.open > .btn-success.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-success-active);
	background: var(--bg-success-active);
	border-color: var(--border-color-on-success-active);
	color: var(--text-color-on-success-active);
}
.btn-success.btn-inverse:focus,
.btn-success.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-success-focus);
	background: var(--bg-success-focus);
	border-color: var(--border-color-on-success-focus);
	color: var(--text-color-on-success-focus);
}
.btn-success.btn-inverse:disabled,
.btn-success.btn-inverse.disabled,
.btn-success.btn-inverse.disabled:hover,
.btn-success.btn-inverse.disabled:focus,
.btn-success.btn-inverse.disabled.focus,
.btn-success.btn-inverse[disabled],
.btn-success.btn-inverse[disabled]:hover,
.btn-success.btn-inverse[disabled]:focus,
.btn-success.btn-inverse[disabled].focus,
fieldset[disabled] .btn-success.btn-inverse,
fieldset[disabled] .btn-success.btn-inverse:hover,
fieldset[disabled] .btn-success.btn-inverse:focus,
fieldset[disabled] .btn-success.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-success-disabled);
	background: var(--bg-success-disabled);
	border-color: var(--border-color-on-success-disabled);
	color: var(--text-color-on-success-disabled);
}

.btn-info {
	background: var(--bg-info-default);
	border-color: var(--border-color-on-info-default);
	color: var(--text-color-on-info-default);
}
.btn-info:hover,
.btn-info:focus:hover,
.btn-info.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-info-hover);
	background: var(--bg-info-hover);
	border-color: var(--border-color-on-info-hover);
	color: var(--text-color-on-info-hover);
}
.btn-info:active,
.btn-info:active:hover,
.btn-info.active,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-info-active);
	background: var(--bg-info-active);
	border-color: var(--border-color-on-info-active);
	color: var(--text-color-on-info-active);
}
.btn-info:focus,
.btn-info.focus,
.open > .btn-info.dropdown-toggle,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-info-focus);
	background: var(--bg-info-focus);
	border-color: var(--border-color-on-info-focus);
	color: var(--text-color-on-info-focus);
}
.btn-info:disabled,
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-info-disabled);
	background: var(--bg-info-disabled);
	border-color: var(--border-color-on-info-disabled);
	color: var(--text-color-on-info-disabled);
}
.btn-info.btn-inverse {
	background: var(--bg-info-default);
	border-color: var(--border-color-on-info-default);
	color: var(--text-color-on-info-default);
}
.btn-info.btn-inverse:hover,
.btn-info.btn-inverse:focus:hover,
.btn-info.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-info-hover);
	background: var(--bg-info-hover);
	border-color: var(--border-color-on-info-hover);
	color: var(--text-color-on-info-hover);
}
.btn-info.btn-inverse:active,
.btn-info.btn-inverse:active:hover,
.btn-info.btn-inverse.active,
.btn-info.btn-inverse.active:hover,
.btn-info.btn-inverse:active:focus,
.btn-info.btn-inverse.active:focus,
.btn-info.btn-inverse:active.focus,
.btn-info.btn-inverse.active.focus,
.open > .btn-info.btn-inverse.dropdown-toggle,
.open > .btn-info.btn-inverse.dropdown-toggle:hover,
.open > .btn-info.btn-inverse.dropdown-toggle:focus,
.open > .btn-info.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-info-active);
	background: var(--bg-info-active);
	border-color: var(--border-color-on-info-active);
	color: var(--text-color-on-info-active);
}
.btn-info.btn-inverse:focus,
.btn-info.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-info-focus);
	background: var(--bg-info-focus);
	border-color: var(--border-color-on-info-focus);
	color: var(--text-color-on-info-focus);
}
.btn-info.btn-inverse:disabled,
.btn-info.btn-inverse.disabled,
.btn-info.btn-inverse.disabled:hover,
.btn-info.btn-inverse.disabled:focus,
.btn-info.btn-inverse.disabled.focus,
.btn-info.btn-inverse[disabled],
.btn-info.btn-inverse[disabled]:hover,
.btn-info.btn-inverse[disabled]:focus,
.btn-info.btn-inverse[disabled].focus,
fieldset[disabled] .btn-info.btn-inverse,
fieldset[disabled] .btn-info.btn-inverse:hover,
fieldset[disabled] .btn-info.btn-inverse:focus,
fieldset[disabled] .btn-info.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-info-disabled);
	background: var(--bg-info-disabled);
	border-color: var(--border-color-on-info-disabled);
	color: var(--text-color-on-info-disabled);
}

.btn-warning {
	background: var(--bg-warning-default);
	border-color: var(--border-color-on-warning-default);
	color: var(--text-color-on-warning-default);
}
.btn-warning:hover,
.btn-warning:focus:hover,
.btn-warning.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-warning-hover);
	background: var(--bg-warning-hover);
	border-color: var(--border-color-on-warning-hover);
	color: var(--text-color-on-warning-hover);
}
.btn-warning:active,
.btn-warning:active:hover,
.btn-warning.active,
.btn-warning.active:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-warning-active);
	background: var(--bg-warning-active);
	border-color: var(--border-color-on-warning-active);
	color: var(--text-color-on-warning-active);
}
.btn-warning:focus,
.btn-warning.focus,
.open > .btn-warning.dropdown-toggle,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-warning-focus);
	background: var(--bg-warning-focus);
	border-color: var(--border-color-on-warning-focus);
	color: var(--text-color-on-warning-focus);
}
.btn-warning:disabled,
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-warning-disabled);
	background: var(--bg-warning-disabled);
	border-color: var(--border-color-on-warning-disabled);
	color: var(--text-color-on-warning-disabled);
}
.btn-warning.btn-inverse {
	background: var(--bg-warning-default);
	border-color: var(--border-color-on-warning-default);
	color: var(--text-color-on-warning-default);
}
.btn-warning.btn-inverse:hover,
.btn-warning.btn-inverse:focus:hover,
.btn-warning.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-warning-hover);
	background: var(--bg-warning-hover);
	border-color: var(--border-color-on-warning-hover);
	color: var(--text-color-on-warning-hover);
}
.btn-warning.btn-inverse:active,
.btn-warning.btn-inverse:active:hover,
.btn-warning.btn-inverse.active,
.btn-warning.btn-inverse.active:hover,
.btn-warning.btn-inverse:active:focus,
.btn-warning.btn-inverse.active:focus,
.btn-warning.btn-inverse:active.focus,
.btn-warning.btn-inverse.active.focus,
.open > .btn-warning.btn-inverse.dropdown-toggle,
.open > .btn-warning.btn-inverse.dropdown-toggle:hover,
.open > .btn-warning.btn-inverse.dropdown-toggle:focus,
.open > .btn-warning.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-warning-active);
	background: var(--bg-warning-active);
	border-color: var(--border-color-on-warning-active);
	color: var(--text-color-on-warning-active);
}
.btn-warning.btn-inverse:focus,
.btn-warning.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-warning-focus);
	background: var(--bg-warning-focus);
	border-color: var(--border-color-on-warning-focus);
	color: var(--text-color-on-warning-focus);
}
.btn-warning.btn-inverse:disabled,
.btn-warning.btn-inverse.disabled,
.btn-warning.btn-inverse.disabled:hover,
.btn-warning.btn-inverse.disabled:focus,
.btn-warning.btn-inverse.disabled.focus,
.btn-warning.btn-inverse[disabled],
.btn-warning.btn-inverse[disabled]:hover,
.btn-warning.btn-inverse[disabled]:focus,
.btn-warning.btn-inverse[disabled].focus,
fieldset[disabled] .btn-warning.btn-inverse,
fieldset[disabled] .btn-warning.btn-inverse:hover,
fieldset[disabled] .btn-warning.btn-inverse:focus,
fieldset[disabled] .btn-warning.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-warning-disabled);
	background: var(--bg-warning-disabled);
	border-color: var(--border-color-on-warning-disabled);
	color: var(--text-color-on-warning-disabled);
}

.btn-danger {
	background: var(--bg-danger-default);
	border-color: var(--border-color-on-danger-default);
	color: var(--text-color-on-danger-default);
}
.btn-danger:hover,
.btn-danger:focus:hover,
.btn-danger.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-danger-hover);
	background: var(--bg-danger-hover);
	border-color: var(--border-color-on-danger-hover);
	color: var(--text-color-on-danger-hover);
}
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger.active,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-danger-active);
	background: var(--bg-danger-active);
	border-color: var(--border-color-on-danger-active);
	color: var(--text-color-on-danger-active);
}
.btn-danger:focus,
.btn-danger.focus,
.open > .btn-danger.dropdown-toggle,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-danger-focus);
	background: var(--bg-danger-focus);
	border-color: var(--border-color-on-danger-focus);
	color: var(--text-color-on-danger-focus);
}
.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-danger-disabled);
	background: var(--bg-danger-disabled);
	border-color: var(--border-color-on-danger-disabled);
	color: var(--text-color-on-danger-disabled);
}
.btn-danger.btn-inverse {
	background: var(--bg-danger-default);
	border-color: var(--border-color-on-danger-default);
	color: var(--text-color-on-danger-default);
}
.btn-danger.btn-inverse:hover,
.btn-danger.btn-inverse:focus:hover,
.btn-danger.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-danger-hover);
	background: var(--bg-danger-hover);
	border-color: var(--border-color-on-danger-hover);
	color: var(--text-color-on-danger-hover);
}
.btn-danger.btn-inverse:active,
.btn-danger.btn-inverse:active:hover,
.btn-danger.btn-inverse.active,
.btn-danger.btn-inverse.active:hover,
.btn-danger.btn-inverse:active:focus,
.btn-danger.btn-inverse.active:focus,
.btn-danger.btn-inverse:active.focus,
.btn-danger.btn-inverse.active.focus,
.open > .btn-danger.btn-inverse.dropdown-toggle,
.open > .btn-danger.btn-inverse.dropdown-toggle:hover,
.open > .btn-danger.btn-inverse.dropdown-toggle:focus,
.open > .btn-danger.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-danger-active);
	background: var(--bg-danger-active);
	border-color: var(--border-color-on-danger-active);
	color: var(--text-color-on-danger-active);
}
.btn-danger.btn-inverse:focus,
.btn-danger.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--border-color-on-danger-focus);
	background: var(--bg-danger-focus);
	border-color: var(--border-color-on-danger-focus);
	color: var(--text-color-on-danger-focus);
}
.btn-danger.btn-inverse:disabled,
.btn-danger.btn-inverse.disabled,
.btn-danger.btn-inverse.disabled:hover,
.btn-danger.btn-inverse.disabled:focus,
.btn-danger.btn-inverse.disabled.focus,
.btn-danger.btn-inverse[disabled],
.btn-danger.btn-inverse[disabled]:hover,
.btn-danger.btn-inverse[disabled]:focus,
.btn-danger.btn-inverse[disabled].focus,
fieldset[disabled] .btn-danger.btn-inverse,
fieldset[disabled] .btn-danger.btn-inverse:hover,
fieldset[disabled] .btn-danger.btn-inverse:focus,
fieldset[disabled] .btn-danger.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--border-color-on-danger-disabled);
	background: var(--bg-danger-disabled);
	border-color: var(--border-color-on-danger-disabled);
	color: var(--text-color-on-danger-disabled);
}

.btn-link {
	background: var(--bg-primary-transparent-default);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-default);
}
.btn-link:hover,
.btn-link:focus:hover,
.btn-link.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--transparent);
	background: var(--bg-primary-transparent-hover);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-hover);
}
.btn-link:active,
.btn-link:active:hover,
.btn-link.active,
.btn-link.active:hover,
.btn-link:active:focus,
.btn-link.active:focus,
.btn-link:active.focus,
.btn-link.active.focus,
.open > .btn-link.dropdown-toggle,
.open > .btn-link.dropdown-toggle:hover,
.open > .btn-link.dropdown-toggle:focus,
.open > .btn-link.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--transparent);
	background: var(--bg-primary-transparent-active);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-active);
}
.btn-link:focus,
.btn-link.focus,
.open > .btn-link.dropdown-toggle,
.open > .btn-link.dropdown-toggle:hover,
.open > .btn-link.dropdown-toggle:focus,
.open > .btn-link.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--transparent);
	background: var(--bg-primary-transparent-focus);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-focus);
}
.btn-link:disabled,
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled.focus,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled].focus,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--transparent);
	background: var(--transparent);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-disabled);
}
.btn-link.btn-inverse {
	background: var(--bg-primary-transparent-default);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-default);
}
.btn-link.btn-inverse:hover,
.btn-link.btn-inverse:focus:hover,
.btn-link.btn-inverse.focus:hover {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--transparent);
	background: var(--bg-primary-transparent-hover);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-hover);
}
.btn-link.btn-inverse:active,
.btn-link.btn-inverse:active:hover,
.btn-link.btn-inverse.active,
.btn-link.btn-inverse.active:hover,
.btn-link.btn-inverse:active:focus,
.btn-link.btn-inverse.active:focus,
.btn-link.btn-inverse:active.focus,
.btn-link.btn-inverse.active.focus,
.open > .btn-link.btn-inverse.dropdown-toggle,
.open > .btn-link.btn-inverse.dropdown-toggle:hover,
.open > .btn-link.btn-inverse.dropdown-toggle:focus,
.open > .btn-link.btn-inverse.dropdown-toggle.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--transparent);
	background: var(--bg-primary-transparent-active);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-active);
}
.btn-link.btn-inverse:focus,
.btn-link.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(2px - 1px) var(--transparent);
	background: var(--bg-primary-transparent-focus);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-focus);
}
.btn-link.btn-inverse:disabled,
.btn-link.btn-inverse.disabled,
.btn-link.btn-inverse.disabled:hover,
.btn-link.btn-inverse.disabled:focus,
.btn-link.btn-inverse.disabled.focus,
.btn-link.btn-inverse[disabled],
.btn-link.btn-inverse[disabled]:hover,
.btn-link.btn-inverse[disabled]:focus,
.btn-link.btn-inverse[disabled].focus,
fieldset[disabled] .btn-link.btn-inverse,
fieldset[disabled] .btn-link.btn-inverse:hover,
fieldset[disabled] .btn-link.btn-inverse:focus,
fieldset[disabled] .btn-link.btn-inverse.focus {
	box-shadow: inset 0 0 0 calc(1px - 1px) var(--transparent);
	background: var(--transparent);
	border-color: var(--transparent);
	color: var(--text-color-on-primary-transparent-disabled);
}

/* ------------------------------ COMPONENTS: Button - Link Inline ------------------------------ */
.btn.btn-link-inline {
	outline-offset: 0;
	color: var(--text-color-on-primary-transparent-default);
	font-size: inherit;
	font-weight: 400;
	text-transform: none;
	text-decoration: none;
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	border: 0;
	border-radius: 0;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: none;
	box-shadow: none;
	text-align: left;
	white-space: wrap;
}
.btn.btn-link-inline:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn.btn-link-inline:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn.btn-link-inline:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn.btn-link-inline:hover {
	color: var(--text-color-on-primary-transparent-hover);
}
.btn.btn-link-inline:active {
	color: var(--text-color-on-primary-transparent-active);
}
.btn.btn-link-inline:focus {
	color: var(--text-color-on-primary-transparent-focus);
}
.btn.btn-link-inline:disabled,
.btn.btn-link-inline.disabled {
	color: var(--text-color-on-primary-transparent-disabled);
}
.btn.btn-link-inline:disabled,
.btn.btn-link-inline.disabled {
	color: var(--text-color-on-primary-transparent-disabled);
	cursor: not-allowed;
}
.btn.btn-link-inline .text {
	text-decoration: none;
}
.btn.btn-link-inline:hover .text {
	text-decoration: underline;
}
.btn.btn-link-inline:active .text,
.btn.btn-link-inline:focus .text {
	text-decoration: none;
}
.btn.btn-link-inline:disabled .text,
.btn.btn-link-inline.disabled .text {
	text-decoration: none;
}
.btn.btn-link-inline.underline {
	text-decoration: none;
}
.btn.btn-link-inline.underline .text {
	text-decoration: underline;
}
.btn.btn-link-inline.underline:hover .text,
.btn.btn-link-inline.underline:focus .text {
	text-decoration: none;
}
.btn.btn-link-inline.underline:active .text {
	text-decoration: underline;
}
.btn.btn-link-inline.underline:disabled .text,
.btn.btn-link-inline.underline.disabled .text {
	text-decoration: none;
}
.btn.btn-link-inline.no-wrap {
	white-space: nowrap;
}
.btn.btn-link-inline .glyphicon {
	margin-top: 2px;
}
.btn.btn-link-inline * + * {
	margin-left: 10px;
}
.btn.btn-link-inline .text {
	margin-bottom: 0;
}
td > .btn.btn-link-inline {
	float: left;
}

/* ------------------------------ COMPONENTS: Button - Focus State ------------------------------ */
.btn-default {
	outline-offset: 0;
}
.btn-default:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn-default:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-default:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}

.btn-primary,
.entity-lookup .toolbar-actions .input-group-btn .btn {
	outline-offset: 0;
}
.btn-primary:focus,
.entity-lookup .toolbar-actions .input-group-btn .btn:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn-primary:focus:not(:focus-visible),
.entity-lookup .toolbar-actions .input-group-btn .btn:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-primary:focus-visible,
.entity-lookup .toolbar-actions .input-group-btn .btn:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}

.btn-success {
	outline-offset: 0;
}
.btn-success:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-success-focus);
	outline-offset: 2px;
}
.btn-success:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-success:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-success-focus);
	outline-offset: 2px;
}

.btn-info {
	outline-offset: 0;
}
.btn-info:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-info-focus);
	outline-offset: 2px;
}
.btn-info:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-info:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-info-focus);
	outline-offset: 2px;
}

.btn-warning {
	outline-offset: 0;
}
.btn-warning:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-warning-focus);
	outline-offset: 2px;
}
.btn-warning:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-warning:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-warning-focus);
	outline-offset: 2px;
}

.btn-danger {
	outline-offset: 0;
}
.btn-danger:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-danger-focus);
	outline-offset: 2px;
}
.btn-danger:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-danger:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-danger-focus);
	outline-offset: 2px;
}

.btn-default.btn-inverse,
.btn-primary.btn-inverse,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn,
.btn-success.btn-inverse,
.btn-info.btn-inverse,
.btn-warning.btn-inverse,
.btn-danger.btn-inverse {
	outline-offset: 0;
}
.btn-default.btn-inverse:focus,
.btn-primary.btn-inverse:focus,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:focus,
.btn-success.btn-inverse:focus,
.btn-info.btn-inverse:focus,
.btn-warning.btn-inverse:focus,
.btn-danger.btn-inverse:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: 2px;
}
.btn-default.btn-inverse:focus:not(:focus-visible),
.btn-primary.btn-inverse:focus:not(:focus-visible),
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:focus:not(:focus-visible),
.btn-success.btn-inverse:focus:not(:focus-visible),
.btn-info.btn-inverse:focus:not(:focus-visible),
.btn-warning.btn-inverse:focus:not(:focus-visible),
.btn-danger.btn-inverse:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-default.btn-inverse:focus-visible,
.btn-primary.btn-inverse:focus-visible,
.entity-lookup .toolbar-actions .input-group-btn .btn-inverse.btn:focus-visible,
.btn-success.btn-inverse:focus-visible,
.btn-info.btn-inverse:focus-visible,
.btn-warning.btn-inverse:focus-visible,
.btn-danger.btn-inverse:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: 2px;
}

.btn-link {
	outline-offset: 0;
}
.btn-link:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn-link:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-link:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn-link.btn-inverse {
	outline-offset: 0;
}
.btn-link.btn-inverse:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.btn-link.btn-inverse:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-link.btn-inverse:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}

/* ------------------------------ COMPONENTS: Button - Size ------------------------------ */
.btn {
	padding-top: 0;
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 15px;
	min-width: 42px;
	min-height: 42px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}
.btn.btn-xs,
.btn-group-xs > .btn {
	padding-top: 0;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	min-width: 27px;
	min-height: 27px;
	border-radius: 1px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}
.btn.btn-sm,
.btn-group-sm > .btn {
	padding-top: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 33px;
	min-height: 33px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}
.btn.btn-lg,
.btn-group-lg > .btn {
	padding-top: 0;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 49px;
	min-height: 49px;
	border-radius: 8px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
}
@media (max-width: 479px) {
	.btn.btn-xs-breakpoint-xs {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 8px;
		padding-right: 8px;
		min-width: 27px;
		min-height: 27px;
		border-radius: 1px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn.btn-xs-breakpoint-sm {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 8px;
		padding-right: 8px;
		min-width: 27px;
		min-height: 27px;
		border-radius: 1px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.btn.btn-xs-breakpoint-md {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 8px;
		padding-right: 8px;
		min-width: 27px;
		min-height: 27px;
		border-radius: 1px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 1180px) {
	.btn.btn-xs-breakpoint-lg {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 8px;
		padding-right: 8px;
		min-width: 27px;
		min-height: 27px;
		border-radius: 1px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (max-width: 479px) {
	.btn.btn-sm-breakpoint-xs {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 33px;
		min-height: 33px;
		border-radius: 2px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn.btn-sm-breakpoint-sm {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 33px;
		min-height: 33px;
		border-radius: 2px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.btn.btn-sm-breakpoint-md {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 33px;
		min-height: 33px;
		border-radius: 2px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 1180px) {
	.btn.btn-sm-breakpoint-lg {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 33px;
		min-height: 33px;
		border-radius: 2px;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (max-width: 479px) {
	.btn.btn-md-breakpoint-xs {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 15px;
		padding-right: 15px;
		min-width: 42px;
		min-height: 42px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn.btn-md-breakpoint-sm {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 15px;
		padding-right: 15px;
		min-width: 42px;
		min-height: 42px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.btn.btn-md-breakpoint-md {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 15px;
		padding-right: 15px;
		min-width: 42px;
		min-height: 42px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 1180px) {
	.btn.btn-md-breakpoint-lg {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 15px;
		padding-right: 15px;
		min-width: 42px;
		min-height: 42px;
		border-radius: 4px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (max-width: 479px) {
	.btn.btn-lg-breakpoint-xs {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 49px;
		min-height: 49px;
		border-radius: 8px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn.btn-lg-breakpoint-sm {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 49px;
		min-height: 49px;
		border-radius: 8px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.btn.btn-lg-breakpoint-md {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 49px;
		min-height: 49px;
		border-radius: 8px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
	}
}
@media (min-width: 1180px) {
	.btn.btn-lg-breakpoint-lg {
		padding-top: 0;
		padding-bottom: 2px;
		padding-left: 20px;
		padding-right: 20px;
		min-width: 49px;
		min-height: 49px;
		border-radius: 8px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
	}
}

.btn-min-width-xxxxxs {
	min-width: 40px;
}

.btn-min-width-xxxxs {
	min-width: 50px;
}

.btn-min-width-xxxs {
	min-width: 60px;
}

.btn-min-width-xxs {
	min-width: 80px;
}

.btn-min-width-xs {
	min-width: 100px;
}

.btn-min-width-sm {
	min-width: 120px;
}

.btn-min-width-md {
	min-width: 160px;
}

.btn-min-width-lg {
	min-width: 200px;
}

.btn-min-width-xl {
	min-width: 240px;
}

.btn-min-width-xxl {
	min-width: 280px;
}

.btn-min-width-xxxl {
	min-width: 320px;
}

.btn-min-width-xxxxl {
	min-width: 480px;
}

.btn-min-width-xxxxxl {
	min-width: 600px;
}

@media (max-width: 479px) {
	.btn-min-width-xxxxxs-breakpoint-xs {
		min-width: 40px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxxxxs-breakpoint-sm {
		min-width: 40px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxxxxs-breakpoint-md {
		min-width: 40px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxxxxs-breakpoint-lg {
		min-width: 40px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxxxs-breakpoint-xs {
		min-width: 50px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxxxs-breakpoint-sm {
		min-width: 50px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxxxs-breakpoint-md {
		min-width: 50px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxxxs-breakpoint-lg {
		min-width: 50px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxxs-breakpoint-xs {
		min-width: 60px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxxs-breakpoint-sm {
		min-width: 60px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxxs-breakpoint-md {
		min-width: 60px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxxs-breakpoint-lg {
		min-width: 60px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxs-breakpoint-xs {
		min-width: 80px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxs-breakpoint-sm {
		min-width: 80px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxs-breakpoint-md {
		min-width: 80px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxs-breakpoint-lg {
		min-width: 80px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xs-breakpoint-xs {
		min-width: 100px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xs-breakpoint-sm {
		min-width: 100px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xs-breakpoint-md {
		min-width: 100px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xs-breakpoint-lg {
		min-width: 100px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-sm-breakpoint-xs {
		min-width: 120px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-sm-breakpoint-sm {
		min-width: 120px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-sm-breakpoint-md {
		min-width: 120px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-sm-breakpoint-lg {
		min-width: 120px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-md-breakpoint-xs {
		min-width: 160px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-md-breakpoint-sm {
		min-width: 160px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-md-breakpoint-md {
		min-width: 160px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-md-breakpoint-lg {
		min-width: 160px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-lg-breakpoint-xs {
		min-width: 200px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-lg-breakpoint-sm {
		min-width: 200px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-lg-breakpoint-md {
		min-width: 200px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-lg-breakpoint-lg {
		min-width: 200px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xl-breakpoint-xs {
		min-width: 240px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xl-breakpoint-sm {
		min-width: 240px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xl-breakpoint-md {
		min-width: 240px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xl-breakpoint-lg {
		min-width: 240px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxl-breakpoint-xs {
		min-width: 280px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxl-breakpoint-sm {
		min-width: 280px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxl-breakpoint-md {
		min-width: 280px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxl-breakpoint-lg {
		min-width: 280px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxxl-breakpoint-xs {
		min-width: 320px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxxl-breakpoint-sm {
		min-width: 320px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxxl-breakpoint-md {
		min-width: 320px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxxl-breakpoint-lg {
		min-width: 320px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxxxl-breakpoint-xs {
		min-width: 480px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxxxl-breakpoint-sm {
		min-width: 480px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxxxl-breakpoint-md {
		min-width: 480px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxxxl-breakpoint-lg {
		min-width: 480px;
	}
}

@media (max-width: 479px) {
	.btn-min-width-xxxxxl-breakpoint-xs {
		min-width: 600px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-min-width-xxxxxl-breakpoint-sm {
		min-width: 600px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-min-width-xxxxxl-breakpoint-md {
		min-width: 600px;
	}
}

@media (min-width: 1180px) {
	.btn-min-width-xxxxxl-breakpoint-lg {
		min-width: 600px;
	}
}

.btn-width-full {
	flex: 1;
	width: 100%;
}

@media (max-width: 479px) {
	.btn-width-full-breakpoint-xs {
		flex: 1;
		width: 100%;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-width-full-breakpoint-sm {
		flex: 1;
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-width-full-breakpoint-md {
		flex: 1;
		width: 100%;
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.btn-width-full-breakpoint-lg {
		flex: 1;
		width: 100%;
	}
}

@media (min-width: 1400px) {
	.btn-width-full-breakpoint-xl {
		flex: 1;
		width: 100%;
	}
}

/* ------------------------------ COMPONENTS: Button - Close ------------------------------ */
.close,
button.close,
.btn-close,
button.btn-close,
.form-close,
button.form-close {
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 !important;
	width: 42px;
	height: 42px;
	float: right;
	border: 0;
	border-radius: 4px;
	background: var(--transparent);
	font-size: 0;
	font-weight: 400 !important;
	line-height: 34px;
	color: var(--text-color-accent);
	text-shadow: none;
	text-decoration: none;
	filter: unset;
	opacity: 1;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	float: none !important;
}
.close:hover,
.close:focus:hover,
button.close:hover,
button.close:focus:hover,
.btn-close:hover,
.btn-close:focus:hover,
button.btn-close:hover,
button.btn-close:focus:hover,
.form-close:hover,
.form-close:focus:hover,
button.form-close:hover,
button.form-close:focus:hover {
	background: var(--bg-primary-transparent-hover);
	color: var(--text-color-on-primary-transparent-hover);
	text-decoration: none;
	filter: unset;
	opacity: 1;
	cursor: pointer;
}
.close:active,
.close:focus:active,
button.close:active,
button.close:focus:active,
.btn-close:active,
.btn-close:focus:active,
button.btn-close:active,
button.btn-close:focus:active,
.form-close:active,
.form-close:focus:active,
button.form-close:active,
button.form-close:focus:active {
	background: var(--bg-primary-transparent-active);
	color: var(--text-color-on-primary-transparent-active);
}
.close:focus,
button.close:focus,
.btn-close:focus,
button.btn-close:focus,
.form-close:focus,
button.form-close:focus {
	outline-offset: 0;
	background: var(--transparent);
	color: var(--text-color-on-primary-transparent-focus);
	filter: unset;
	opacity: 1;
}
.close:focus:focus,
button.close:focus:focus,
.btn-close:focus:focus,
button.btn-close:focus:focus,
.form-close:focus:focus,
button.form-close:focus:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: -4px;
}
.close:focus:focus:not(:focus-visible),
button.close:focus:focus:not(:focus-visible),
.btn-close:focus:focus:not(:focus-visible),
button.btn-close:focus:focus:not(:focus-visible),
.form-close:focus:focus:not(:focus-visible),
button.form-close:focus:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.close:focus:focus-visible,
button.close:focus:focus-visible,
.btn-close:focus:focus-visible,
button.btn-close:focus:focus-visible,
.form-close:focus:focus-visible,
button.form-close:focus:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: -4px;
}
.close:disabled,
button.close:disabled,
.btn-close:disabled,
button.btn-close:disabled,
.form-close:disabled,
button.form-close:disabled {
	background: var(--transparent);
	color: var(--gray-400);
	filter: unset;
	opacity: 1;
	cursor: not-allowed;
}
.close::after,
button.close::after,
.btn-close::after,
button.btn-close::after,
.form-close::after,
button.form-close::after {
	font-size: 32px;
	content: "×";
}

@media (max-width: 480px) {
	.buttons-stacked-breakpoint-xs-and-under {
		display: flex;
		flex-wrap: wrap !important;
	}
	.buttons-stacked-breakpoint-xs-and-under .btn,
	.buttons-stacked-breakpoint-xs-and-under .btn + .btn {
		margin-bottom: 10px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100%;
		flex: none;
	}
	.buttons-stacked-breakpoint-xs-and-under .btn:last-child,
	.buttons-stacked-breakpoint-xs-and-under .btn + .btn:last-child {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 768px) {
	.buttons-stacked-breakpoint-sm-and-under {
		display: flex;
		flex-wrap: wrap !important;
	}
	.buttons-stacked-breakpoint-sm-and-under .btn,
	.buttons-stacked-breakpoint-sm-and-under .btn + .btn {
		margin-bottom: 10px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100%;
		flex: none;
	}
	.buttons-stacked-breakpoint-sm-and-under .btn:last-child,
	.buttons-stacked-breakpoint-sm-and-under .btn + .btn:last-child {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 480px) {
	.buttons-inline-breakpoint-xs-and-under {
		display: flex;
		flex-wrap: nowrap !important;
	}
	.buttons-inline-breakpoint-xs-and-under .btn,
	.buttons-inline-breakpoint-xs-and-under .btn + .btn {
		width: auto;
		margin-bottom: 0 !important;
	}
	.buttons-inline-breakpoint-xs-and-under .btn + .btn {
		margin-left: 10px;
	}
}

@media (max-width: 768px) {
	.buttons-inline-breakpoint-sm-and-under {
		display: flex;
		flex-wrap: nowrap !important;
	}
	.buttons-inline-breakpoint-sm-and-under .btn,
	.buttons-inline-breakpoint-sm-and-under .btn + .btn {
		width: auto;
		margin-bottom: 0 !important;
	}
	.buttons-inline-breakpoint-sm-and-under .btn + .btn {
		margin-left: 10px;
	}
}

/* ------------------------------ COMPONENTS: Button - Dropdown ------------------------------ */
.btn-dropdown {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	text-align: left;
	white-space: normal;
	width: 100%;
}
.btn-dropdown .text {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.btn-dropdown .title {
	display: block;
	font-weight: 700;
}
.btn-dropdown .subtitle {
	display: block;
	font-weight: 400;
}
.btn-dropdown.btn-xs {
	padding-top: 1px;
	padding-bottom: 3px;
}
.btn-dropdown.btn-xs .title {
	font-size: 14px;
}
.btn-dropdown.btn-xs .subtitle {
	font-size: 12px;
}
.btn-dropdown.btn-sm {
	padding-top: 4px;
	padding-bottom: 6px;
}
.btn-dropdown.btn-sm .title {
	font-size: 16px;
}
.btn-dropdown.btn-sm .subtitle {
	font-size: 14px;
}
.btn-dropdown {
	padding-top: 7px;
	padding-bottom: 9px;
}
.btn-dropdown .title {
	font-size: 18px;
}
.btn-dropdown .subtitle {
	font-size: 16px;
}
.btn-dropdown.btn-lg {
	padding-top: 9px;
	padding-bottom: 11px;
}
.btn-dropdown.btn-lg .title {
	font-size: 20px;
}
.btn-dropdown.btn-lg .subtitle {
	font-size: 18px;
}
.btn-dropdown .title {
	color: var(--text-color-default);
}
.btn-dropdown .subtitle {
	color: var(--text-color-accent);
}
.btn-dropdown:hover .title {
	color: var(--text-color-default);
}
.btn-dropdown:hover .subtitle {
	color: var(--text-color-on-primary-transparent-hover);
}
.btn-dropdown:active .title {
	color: var(--text-color-default);
}
.btn-dropdown:active .subtitle {
	color: var(--text-color-on-primary-transparent-active);
}
.btn-dropdown:focus .title {
	color: var(--text-color-default);
}
.btn-dropdown:focus .subtitle {
	color: var(--text-color-on-primary-transparent-focus);
}
.btn-dropdown:disabled .title {
	color: var(--text-color-on-primary-transparent-disabled);
}
.btn-dropdown:disabled .subtitle {
	color: var(--text-color-on-primary-transparent-disabled);
}
.open .btn-dropdown {
	background-color: var(--bg-primary-transparent-hover) !important;
}
.open .btn-dropdown .title {
	color: var(--text-color-default);
}
.open .btn-dropdown .subtitle {
	color: var(--text-color-on-primary-transparent-hover);
}
.open .btn-dropdown:hover,
.open .btn-dropdown:focus:hover {
	background-color: var(--bg-primary-transparent-active) !important;
}
.open .btn-dropdown:hover .title,
.open .btn-dropdown:focus:hover .title {
	color: var(--text-color-default);
}
.open .btn-dropdown:hover .subtitle,
.open .btn-dropdown:focus:hover .subtitle {
	color: var(--text-color-on-primary-transparent-active);
}
.open .btn-dropdown:active,
.open .btn-dropdown:focus:active {
	background-color: var(--bg-primary-transparent-hover) !important;
}
.open .btn-dropdown:active .title,
.open .btn-dropdown:focus:active .title {
	color: var(--text-color-default);
}
.open .btn-dropdown:active .subtitle,
.open .btn-dropdown:focus:active .subtitle {
	color: var(--text-color-on-primary-transparent-hover);
}
.open .btn-dropdown:focus {
	background-color: var(--bg-primary-transparent-hover) !important;
}
.open .btn-dropdown:focus .title {
	color: var(--text-color-default);
}
.open .btn-dropdown:focus .subtitle {
	color: var(--text-color-on-primary-transparent-hover);
}

/* ------------------------------ COMPONENTS: Button - Icon By Itself ------------------------------ */
.btn-icon {
	outline-offset: 0;
	position: relative;
	display: inline-block;
	padding: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	line-height: 1 !important;
}
.btn-icon:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn-icon:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.btn-icon:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.btn-icon::after {
	display: inline-block;
	content: "";
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: -10px;
	left: -10px;
}

.btn-icon > .glyphicon {
	color: var(--bg-primary-default);
}
.btn-icon:hover > .glyphicon,
.btn-icon:focus:hover > .glyphicon {
	color: var(--bg-primary-hover);
}
.btn-icon:active > .glyphicon,
.btn-icon:focus:active > .glyphicon {
	color: var(--bg-primary-active);
}
.btn-icon:focus > .glyphicon {
	color: var(--bg-primary-focus);
}
.btn-icon:disabled > .glyphicon {
	color: var(--bg-primary-disabled);
}

.btn-icon.btn-xs {
	width: 12px;
	min-width: 0;
	height: 12px;
	font-size: 12px;
}
.btn-icon.btn-sm {
	width: 14px;
	min-width: 0;
	height: 14px;
	font-size: 14px;
}
.btn-icon.btn-md {
	width: 16px;
	min-width: 0;
	height: 16px;
	font-size: 16px;
}
.btn-icon.btn-lg {
	width: 18px;
	min-width: 0;
	height: 18px;
	font-size: 18px;
}
.btn-icon.btn-xl {
	width: 20px;
	min-width: 0;
	height: 20px;
	font-size: 20px;
}

.btn-icon {
	position: relative;
	top: -1px;
}
.btn-icon.btn-xs {
	top: -1px;
}
.btn-icon.btn-sm {
	top: -1px;
}
.btn-icon.btn-md {
	top: -1px;
}
.btn-icon.btn-lg {
	top: -1px;
}
.btn-icon.btn-xl {
	top: -3px;
}
.btn-icon > .glyphicon {
	top: 0 !important;
}

/* ------------------------------ COMPONENTS: Button - Icon Inside Button ------------------------------ */
.btn > .glyphicon {
	position: relative;
	top: 0px;
}
.btn.btn-xs > .glyphicon {
	top: -1px;
}
.btn.btn-sm > .glyphicon {
	top: -1px;
}
.btn.btn-md > .glyphicon {
	top: 0px;
}
.btn.btn-lg > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only {
	padding-top: 0;
	padding-bottom: 0;
}
.btn.btn-icon-only > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only.btn-xs {
	padding-top: 0;
	padding-bottom: 0;
}
.btn.btn-icon-only.btn-xs > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only.btn-sm {
	padding-top: 0;
	padding-bottom: 0;
}
.btn.btn-icon-only.btn-sm > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only.btn-md {
	padding-top: 0;
	padding-bottom: 0;
}
.btn.btn-icon-only.btn-md > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only > .glyphicon {
	top: 0px;
}
.btn.btn-icon-only.btn-lg {
	padding-top: 0;
	padding-bottom: 0;
}
.btn.btn-icon-only.btn-lg > .glyphicon {
	top: 0px;
}

.btn > .glyphicon-option-horizontal {
	top: 2px;
	margin-right: 1px;
	font-size: 20px;
}

/* ------------------------------ COMPONENTS: Button Group ------------------------------ */
.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
	position: relative;
	float: left;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
	z-index: 2;
}

/* ------------------------------ COMPONENTS: Button Group - Horizontal ------------------------------ */
.btn-group {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
	margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0;
}
.btn-group > .btn:first-child {
	margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group > .btn + .dropdown-toggle {
	padding-right: 15px;
	padding-left: 15px;
}
.btn-group > .btn + .dropdown-toggle .caret {
	margin-left: 0;
}
.btn-group > .btn-lg + .dropdown-toggle {
	padding-right: 20px;
	padding-left: 20px;
}
.btn-group > .btn-group {
	float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active {
	outline: 0;
}
.btn-group.open .dropdown-toggle {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-group.open .dropdown-toggle.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-group > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
@media (max-width: 479px) {
	.form-group .btn-group {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

/* ------------------------------ COMPONENTS: Button Group - Vertical ------------------------------ */
.btn-group-vertical {
	display: block;
}
.btn-group-vertical > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group {
	margin-top: -1px;
	margin-left: 0;
}
.btn-group-vertical > .btn-group {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
}
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
	margin-top: -1px;
	margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn.btn-xs:first-child {
	border-top-left-radius: 1px;
	border-top-right-radius: 1px !important;
}
.btn-group-vertical > .btn.btn-xs:last-child {
	border-bottom-left-radius: 1px !important;
	border-bottom-right-radius: 1px;
}
.btn-group-vertical > .btn.btn-sm:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px !important;
}
.btn-group-vertical > .btn.btn-sm:last-child {
	border-bottom-left-radius: 2px !important;
	border-bottom-right-radius: 2px;
}
.btn-group-vertical > .btn.btn-lg:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px !important;
}
.btn-group-vertical > .btn.btn-lg:last-child {
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
	border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

@media (max-width: 479px) {
	.btn-group-vertical-breakpoint-xs {
		display: block;
	}
	.btn-group-vertical-breakpoint-xs > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-xs > .btn + .btn,
	.btn-group-vertical-breakpoint-xs > .btn + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-xs > .btn-group {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-xs > .btn-group > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-xs > .btn-group + .btn,
	.btn-group-vertical-breakpoint-xs > .btn-group + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-xs > .btn {
		border-radius: 0;
	}
	.btn-group-vertical-breakpoint-xs > .btn:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px !important;
	}
	.btn-group-vertical-breakpoint-xs > .btn:last-child {
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px;
	}
	.btn-group-vertical-breakpoint-xs > .btn.btn-xs:first-child,
	.btn-group-vertical-breakpoint-xs > .btn.btn-xs-breakpoint-xs:first-child {
		border-top-left-radius: 1px;
		border-top-right-radius: 1px !important;
	}
	.btn-group-vertical-breakpoint-xs > .btn.btn-xs:last-child,
	.btn-group-vertical-breakpoint-xs > .btn.btn-xs-breakpoint-xs:last-child {
		border-bottom-left-radius: 1px !important;
		border-bottom-right-radius: 1px;
	}
	.btn-group-vertical-breakpoint-xs > .btn.btn-sm:first-child,
	.btn-group-vertical-breakpoint-xs > .btn.btn-sm-breakpoint-xs:first-child {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px !important;
	}
	.btn-group-vertical-breakpoint-xs > .btn.btn-sm:last-child,
	.btn-group-vertical-breakpoint-xs > .btn.btn-sm-breakpoint-xs:last-child {
		border-bottom-left-radius: 2px !important;
		border-bottom-right-radius: 2px;
	}
	.btn-group-vertical-breakpoint-xs > .btn.btn-lg:first-child,
	.btn-group-vertical-breakpoint-xs > .btn.btn-lg-breakpoint-xs:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px !important;
	}
	.btn-group-vertical-breakpoint-xs > .btn.btn-lg:last-child,
	.btn-group-vertical-breakpoint-xs > .btn.btn-lg-breakpoint-xs:last-child {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.btn-group-vertical-breakpoint-sm {
		display: block;
	}
	.btn-group-vertical-breakpoint-sm > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-sm > .btn + .btn,
	.btn-group-vertical-breakpoint-sm > .btn + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-sm > .btn-group {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-sm > .btn-group > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-sm > .btn-group + .btn,
	.btn-group-vertical-breakpoint-sm > .btn-group + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-sm > .btn {
		border-radius: 0;
	}
	.btn-group-vertical-breakpoint-sm > .btn:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px !important;
	}
	.btn-group-vertical-breakpoint-sm > .btn:last-child {
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px;
	}
	.btn-group-vertical-breakpoint-sm > .btn.btn-xs:first-child,
	.btn-group-vertical-breakpoint-sm > .btn.btn-xs-breakpoint-sm:first-child {
		border-top-left-radius: 1px;
		border-top-right-radius: 1px !important;
	}
	.btn-group-vertical-breakpoint-sm > .btn.btn-xs:last-child,
	.btn-group-vertical-breakpoint-sm > .btn.btn-xs-breakpoint-sm:last-child {
		border-bottom-left-radius: 1px !important;
		border-bottom-right-radius: 1px;
	}
	.btn-group-vertical-breakpoint-sm > .btn.btn-sm:first-child,
	.btn-group-vertical-breakpoint-sm > .btn.btn-sm-breakpoint-sm:first-child {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px !important;
	}
	.btn-group-vertical-breakpoint-sm > .btn.btn-sm:last-child,
	.btn-group-vertical-breakpoint-sm > .btn.btn-sm-breakpoint-sm:last-child {
		border-bottom-left-radius: 2px !important;
		border-bottom-right-radius: 2px;
	}
	.btn-group-vertical-breakpoint-sm > .btn.btn-lg:first-child,
	.btn-group-vertical-breakpoint-sm > .btn.btn-lg-breakpoint-sm:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px !important;
	}
	.btn-group-vertical-breakpoint-sm > .btn.btn-lg:last-child,
	.btn-group-vertical-breakpoint-sm > .btn.btn-lg-breakpoint-sm:last-child {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.btn-group-vertical-breakpoint-md {
		display: block;
	}
	.btn-group-vertical-breakpoint-md > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-md > .btn + .btn,
	.btn-group-vertical-breakpoint-md > .btn + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-md > .btn-group {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-md > .btn-group > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-md > .btn-group + .btn,
	.btn-group-vertical-breakpoint-md > .btn-group + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-md > .btn {
		border-radius: 0;
	}
	.btn-group-vertical-breakpoint-md > .btn:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px !important;
	}
	.btn-group-vertical-breakpoint-md > .btn:last-child {
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px;
	}
	.btn-group-vertical-breakpoint-md > .btn.btn-xs:first-child,
	.btn-group-vertical-breakpoint-md > .btn.btn-xs-breakpoint-md:first-child {
		border-top-left-radius: 1px;
		border-top-right-radius: 1px !important;
	}
	.btn-group-vertical-breakpoint-md > .btn.btn-xs:last-child,
	.btn-group-vertical-breakpoint-md > .btn.btn-xs-breakpoint-md:last-child {
		border-bottom-left-radius: 1px !important;
		border-bottom-right-radius: 1px;
	}
	.btn-group-vertical-breakpoint-md > .btn.btn-sm:first-child,
	.btn-group-vertical-breakpoint-md > .btn.btn-sm-breakpoint-md:first-child {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px !important;
	}
	.btn-group-vertical-breakpoint-md > .btn.btn-sm:last-child,
	.btn-group-vertical-breakpoint-md > .btn.btn-sm-breakpoint-md:last-child {
		border-bottom-left-radius: 2px !important;
		border-bottom-right-radius: 2px;
	}
	.btn-group-vertical-breakpoint-md > .btn.btn-lg:first-child,
	.btn-group-vertical-breakpoint-md > .btn.btn-lg-breakpoint-md:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px !important;
	}
	.btn-group-vertical-breakpoint-md > .btn.btn-lg:last-child,
	.btn-group-vertical-breakpoint-md > .btn.btn-lg-breakpoint-md:last-child {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px;
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.btn-group-vertical-breakpoint-lg {
		display: block;
	}
	.btn-group-vertical-breakpoint-lg > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-lg > .btn + .btn,
	.btn-group-vertical-breakpoint-lg > .btn + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-lg > .btn-group {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-lg > .btn-group > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-lg > .btn-group + .btn,
	.btn-group-vertical-breakpoint-lg > .btn-group + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-lg > .btn {
		border-radius: 0;
	}
	.btn-group-vertical-breakpoint-lg > .btn:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px !important;
	}
	.btn-group-vertical-breakpoint-lg > .btn:last-child {
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px;
	}
	.btn-group-vertical-breakpoint-lg > .btn.btn-xs:first-child,
	.btn-group-vertical-breakpoint-lg > .btn.btn-xs-breakpoint-lg:first-child {
		border-top-left-radius: 1px;
		border-top-right-radius: 1px !important;
	}
	.btn-group-vertical-breakpoint-lg > .btn.btn-xs:last-child,
	.btn-group-vertical-breakpoint-lg > .btn.btn-xs-breakpoint-lg:last-child {
		border-bottom-left-radius: 1px !important;
		border-bottom-right-radius: 1px;
	}
	.btn-group-vertical-breakpoint-lg > .btn.btn-sm:first-child,
	.btn-group-vertical-breakpoint-lg > .btn.btn-sm-breakpoint-lg:first-child {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px !important;
	}
	.btn-group-vertical-breakpoint-lg > .btn.btn-sm:last-child,
	.btn-group-vertical-breakpoint-lg > .btn.btn-sm-breakpoint-lg:last-child {
		border-bottom-left-radius: 2px !important;
		border-bottom-right-radius: 2px;
	}
	.btn-group-vertical-breakpoint-lg > .btn.btn-lg:first-child,
	.btn-group-vertical-breakpoint-lg > .btn.btn-lg-breakpoint-lg:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px !important;
	}
	.btn-group-vertical-breakpoint-lg > .btn.btn-lg:last-child,
	.btn-group-vertical-breakpoint-lg > .btn.btn-lg-breakpoint-lg:last-child {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px;
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.btn-group-vertical-breakpoint-xl {
		display: block;
	}
	.btn-group-vertical-breakpoint-xl > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-xl > .btn + .btn,
	.btn-group-vertical-breakpoint-xl > .btn + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-xl > .btn-group {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-xl > .btn-group > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.btn-group-vertical-breakpoint-xl > .btn-group + .btn,
	.btn-group-vertical-breakpoint-xl > .btn-group + .btn-group {
		margin-top: -1px;
		margin-left: 0;
	}
	.btn-group-vertical-breakpoint-xl > .btn {
		border-radius: 0;
	}
	.btn-group-vertical-breakpoint-xl > .btn:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px !important;
	}
	.btn-group-vertical-breakpoint-xl > .btn:last-child {
		border-bottom-left-radius: 4px !important;
		border-bottom-right-radius: 4px;
	}
	.btn-group-vertical-breakpoint-xl > .btn.btn-xs:first-child,
	.btn-group-vertical-breakpoint-xl > .btn.btn-xs-breakpoint-xl:first-child {
		border-top-left-radius: 1px;
		border-top-right-radius: 1px !important;
	}
	.btn-group-vertical-breakpoint-xl > .btn.btn-xs:last-child,
	.btn-group-vertical-breakpoint-xl > .btn.btn-xs-breakpoint-xl:last-child {
		border-bottom-left-radius: 1px !important;
		border-bottom-right-radius: 1px;
	}
	.btn-group-vertical-breakpoint-xl > .btn.btn-sm:first-child,
	.btn-group-vertical-breakpoint-xl > .btn.btn-sm-breakpoint-xl:first-child {
		border-top-left-radius: 2px;
		border-top-right-radius: 2px !important;
	}
	.btn-group-vertical-breakpoint-xl > .btn.btn-sm:last-child,
	.btn-group-vertical-breakpoint-xl > .btn.btn-sm-breakpoint-xl:last-child {
		border-bottom-left-radius: 2px !important;
		border-bottom-right-radius: 2px;
	}
	.btn-group-vertical-breakpoint-xl > .btn.btn-lg:first-child,
	.btn-group-vertical-breakpoint-xl > .btn.btn-lg-breakpoint-xl:first-child {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px !important;
	}
	.btn-group-vertical-breakpoint-xl > .btn.btn-lg:last-child,
	.btn-group-vertical-breakpoint-xl > .btn.btn-lg-breakpoint-xl:last-child {
		border-bottom-left-radius: 8px !important;
		border-bottom-right-radius: 8px;
	}
}

/* ------------------------------ COMPONENTS: Button Group - Justified ------------------------------ */
.btn-group-justified {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: inline-flex;
	float: none;
	width: auto;
}
.btn-group-justified > .btn-group .btn {
	width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
	left: auto;
}

/* ------------------------------ COMPONENTS: Button Group - Toolbar ------------------------------ */
.btn-toolbar {
	margin-left: -10px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
	float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
	margin-left: 10px;
}

/* ------------------------------ COMPONENTS: Card ------------------------------ */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: var(--bg-default);
	background-clip: border-box;
	border: none;
	border-radius: 0px;
}
.card.card-shadow {
	box-shadow: 0px 1px 5px 0px var(--shadow-color);
}
.card.card-border {
	border: 1px solid var(--shadow-border-color);
}
.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: 0px;
	border-top-right-radius: 0px;
}
.card > .list-group:last-child {
	border-bottom-width: 0;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
	border-top: 0;
}
.card .card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 15px 15px;
	color: var(--text-color-default);
}

.card-title {
	display: block;
	margin-top: 0;
	margin-bottom: 15px;
}

.card-subtitle {
	margin-top: 0;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link:hover {
	text-decoration: underline;
}
.card-link:hover:hover,
.card-link:hover:focus {
	text-decoration: none;
}
.card-link:hover:active {
	text-decoration: underline;
}
.card-link:hover:disabled,
.card-link:hover.disabled {
	text-decoration: none;
}
.card-link + .card-link {
	margin-left: 15px;
}

.card-header {
	padding: 10px 15px;
	margin-bottom: 0;
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-bottom: 1px solid var(--border-color-default);
}
.card-header:first-child {
	border-radius: 0px 0px 0 0;
}

.card-footer {
	padding: 10px 15px;
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-top: 1px solid var(--border-color-default);
}
.card-footer:last-child {
	border-radius: 0 0 0px 0px;
}

.card-header-tabs {
	margin-right: -7.5px;
	margin-bottom: -10px;
	margin-left: -7.5px;
	border-bottom: 0;
}
.card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-header-pills {
	margin-right: -7.5px;
	margin-left: -7.5px;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px;
	border-radius: 0px;
}

.card-img,
.card-img-top,
.card-img-bottom,
.card-img-left,
.card-img-right {
	width: 100%;
}

.card-img,
.card-img-top {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.card-img,
.card-img-bottom {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.card-img-left {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
@media (min-width: 768px) {
	.card-img-left {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
}

.card-img-right {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
@media (min-width: 768px) {
	.card-img-right {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}
}

.card-group > .card {
	margin-bottom: 20px;
}
@media (min-width: 481px) {
	.card-group {
		display: flex;
		flex-flow: row wrap;
	}
	.card-group > .card {
		flex: 1 0 0%;
		margin-bottom: 0;
		box-shadow: none;
	}
	.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-interactive {
	-webkit-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
	box-shadow: 0px 1px 5px 0px var(--shadow-color);
}
.card-interactive:hover {
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}
.card-interactive:has(a:active, button:active) {
	background-color: var(--bg-primary-transparent-hover);
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}
.card-interactive.card-dark:hover {
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}
.card-interactive.card-dark:has(a:active, button:active) {
	background-color: var(--bg-primary-transparent-hover);
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}
.card-interactive a:before,
.card-interactive button:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card-interactive:focus-within {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.card-interactive:focus-within a,
.card-interactive:focus-within button {
	outline: none;
}

.card-invisible-link a.card-title {
	display: block;
	text-decoration: none;
	color: var(--text-color-default);
}
.card-invisible-link a.card-title:hover {
	color: var(--text-color-default);
}

.cards {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}
@media (min-width: 768px) {
	.cards {
		margin-left: -20px;
		margin-right: -20px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.cards .card {
		width: calc(33.33% - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media (min-width: 1181px) {
	.cards .card {
		width: calc(25% - 40px);
	}
}
@media (min-width: 1401px) {
	.cards .card {
		width: calc(20% - 40px);
	}
}
@media (min-width: 768px) {
	.cards.cards-1 .card {
		width: calc(100% - 40px);
	}
}
@media (min-width: 768px) {
	.cards.cards-2 .card {
		width: calc(50% - 40px);
	}
}
@media (min-width: 1181px) {
	.cards.cards-3 .card {
		width: calc(33.33% - 40px);
	}
}
@media (min-width: 1401px) {
	.cards.cards-4 .card {
		width: calc(25% - 40px);
	}
}

@media (min-width: 768px) {
	.card-icon-layout {
		text-align: center;
	}
}
.card-icon-layout .card-title {
	display: block;
	margin-top: 0;
	margin-bottom: 15px;
	padding-left: 100px;
}
@media (min-width: 768px) {
	.card-icon-layout .card-title {
		padding-left: 0;
	}
}
.card-icon-layout .card-text {
	padding-left: 100px;
}
@media (min-width: 768px) {
	.card-icon-layout .card-text {
		padding-left: 0;
	}
}
.card-icon-layout .card-actions {
	justify-content: flex-start;
	padding-left: 100px;
}
@media (min-width: 768px) {
	.card-icon-layout .card-actions {
		justify-content: center;
		padding-left: 0;
	}
}

.card-icon {
	display: inline-block;
	position: relative;
	height: 0;
	width: 80px;
	padding-top: 80px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	fill: var(--text-color-primary);
}
.card-icon svg {
	position: absolute;
	top: 0;
	left: 0;
}
@media (min-width: 768px) {
	.card-icon {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto 10px;
		width: 100px;
		height: 100px;
		transform: none;
	}
}

.card-image {
	width: 100%;
	position: relative;
}
.card-image img {
	width: 100%;
	height: 100px;
	object-fit: cover;
}
@media (min-width: 769px) {
	.card-image img {
		height: 200px;
	}
}

.card-row {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
}

.card:has(.card-image-left-container) .card-image,
.card:has(.card-image-right-container) .card-image {
	height: 100%;
}
@media (min-width: 769px) {
	.card:has(.card-image-left-container) .card-image img,
	.card:has(.card-image-right-container) .card-image img {
		height: 100%;
	}
}
@media (min-width: 769px) {
	.card:has(.card-image-left-container) .card-img-left,
	.card:has(.card-image-left-container) .card-img-right,
	.card:has(.card-image-right-container) .card-img-left,
	.card:has(.card-image-right-container) .card-img-right {
		position: absolute;
		top: 0;
		left: 0;
	}
}
.card:has(.card-image-left-container) .card-content,
.card:has(.card-image-right-container) .card-content {
	display: flex;
}
.card:has(.card-image-left-container).card-horizontal .card-img-left,
.card:has(.card-image-left-container).card-horizontal .card-img-right,
.card:has(.card-image-right-container).card-horizontal .card-img-left,
.card:has(.card-image-right-container).card-horizontal .card-img-right {
	height: 100%;
}
.card:has(.card-image-left-container).card-horizontal:has(.card-image-left-container) .card-image-left-container,
.card:has(.card-image-right-container).card-horizontal:has(.card-image-left-container) .card-image-left-container {
	padding-right: 0;
}
.card:has(.card-image-left-container).card-horizontal:has(.card-image-left-container) .card-content,
.card:has(.card-image-right-container).card-horizontal:has(.card-image-left-container) .card-content {
	padding-left: 0;
}
.card:has(.card-image-left-container).card-horizontal:has(.card-image-right-container) .card-image-right-container,
.card:has(.card-image-right-container).card-horizontal:has(.card-image-right-container) .card-image-right-container {
	padding-left: 0;
}
.card:has(.card-image-left-container).card-horizontal:has(.card-image-right-container) .card-content,
.card:has(.card-image-right-container).card-horizontal:has(.card-image-right-container) .card-content {
	padding-right: 0;
}
@media (min-width: 769px) {
	.card:has(.card-image-left-container) .card-image-left-container {
		padding-right: 0;
	}
}
@media (min-width: 769px) {
	.card:has(.card-image-left-container) .card-content {
		padding-left: 0;
	}
}
@media (min-width: 769px) {
	.card:has(.card-image-right-container) .card-image-right-container {
		padding-left: 0;
	}
}
@media (min-width: 769px) {
	.card:has(.card-image-right-container) .card-content {
		padding-right: 0;
	}
}

.card-default {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-default);
}
.card-default .card-header {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-default .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-default .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-default.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-default);
}
.card-default.card-dark .card-header {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-default.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-default.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-primary {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-primary);
}
.card-primary .card-header {
	color: var(--text-color-on-primary-default);
	background-color: var(--bg-primary);
	border-color: var(--border-color-primary);
}
.card-primary .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-primary .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-primary.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-primary);
}
.card-primary.card-dark .card-header {
	color: var(--text-color-on-primary-default);
	background-color: var(--bg-primary);
	border-color: var(--border-color-primary);
}
.card-primary.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-primary.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-secondary {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-secondary);
}
.card-secondary .card-header {
	color: var(--text-color-on-secondary-default);
	background-color: var(--bg-secondary);
	border-color: var(--border-color-secondary);
}
.card-secondary .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-secondary .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-secondary.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-secondary);
}
.card-secondary.card-dark .card-header {
	color: var(--text-color-on-secondary-default);
	background-color: var(--bg-secondary);
	border-color: var(--border-color-secondary);
}
.card-secondary.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-secondary.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-success {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-success);
}
.card-success .card-header {
	color: var(--text-color-on-success-default);
	background-color: var(--bg-success);
	border-color: var(--border-color-success);
}
.card-success .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-success .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-success.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-success);
}
.card-success.card-dark .card-header {
	color: var(--text-color-on-success-default);
	background-color: var(--bg-success);
	border-color: var(--border-color-success);
}
.card-success.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-success.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-warning {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-warning);
}
.card-warning .card-header {
	color: var(--text-color-on-warning-default);
	background-color: var(--bg-warning);
	border-color: var(--border-color-warning);
}
.card-warning .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-warning .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-warning.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-warning);
}
.card-warning.card-dark .card-header {
	color: var(--text-color-on-warning-default);
	background-color: var(--bg-warning);
	border-color: var(--border-color-warning);
}
.card-warning.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-warning.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-danger {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-danger);
}
.card-danger .card-header {
	color: var(--text-color-on-danger-default);
	background-color: var(--bg-danger);
	border-color: var(--border-color-danger);
}
.card-danger .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-danger .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-danger.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-danger);
}
.card-danger.card-dark .card-header {
	color: var(--text-color-on-danger-default);
	background-color: var(--bg-danger);
	border-color: var(--border-color-danger);
}
.card-danger.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-danger.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

.card-info {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-info);
}
.card-info .card-header {
	color: var(--text-color-on-info-default);
	background-color: var(--bg-info);
	border-color: var(--border-color-info);
}
.card-info .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-info .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}
.card-info.card-dark {
	color: var(--text-color-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-info);
}
.card-info.card-dark .card-header {
	color: var(--text-color-on-info-default);
	background-color: var(--bg-info);
	border-color: var(--border-color-info);
}
.card-info.card-dark .card-footer {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.card-info.card-dark .card-header-tabs .nav-link.active {
	background-color: var(--bg-default);
	border-bottom-color: var(--bg-default);
}

/* ------------------------------ COMPONENTS: Caret ------------------------------ */
.caret {
	border: 6px solid transparent;
	border-top-color: currentColor;
	border-bottom: 0;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	content: "";
	border: 6px solid transparent;
	border-top: 0;
	border-bottom-color: currentColor;
}
.btn .caret {
	margin-left: 5px;
}
.btn-lg .caret {
	border: 8px solid transparent;
	border-top-color: currentColor;
	border-bottom: 0;
}
.dropup .btn-lg .caret {
	border: 8px solid transparent;
	border-top: 0;
	border-bottom-color: currentColor;
}
.dropdown .caret {
	display: none;
	display: inline-block;
}

/* ------------------------------ COMPONENTS: Carousel ------------------------------ */
.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-in-out left;
	-o-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-inner > .item {
		-webkit-transition: -webkit-transform 0.6s ease-in-out;
		-o-transition: -o-transform 0.6s ease-in-out;
		transition: transform 0.6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	.carousel-inner > .item.next,
	.carousel-inner > .item.active.right {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		left: 0;
	}
	.carousel-inner > .item.prev,
	.carousel-inner > .item.active.left {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		left: 0;
	}
	.carousel-inner > .item.next.left,
	.carousel-inner > .item.prev.right,
	.carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
	display: block;
}

.carousel-inner > .active {
	left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.carousel-inner > .next {
	left: 100%;
}

.carousel-inner > .prev {
	left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
	left: 0;
}

.carousel-inner > .active.left {
	left: -100%;
}

.carousel-inner > .active.right {
	left: 100%;
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	background-color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=100);
	opacity: 1;
}

.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
	background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	left: 50%;
	margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	right: 50%;
	margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1;
}

.carousel-control .icon-prev:before {
	content: "‹";
}

.carousel-control .icon-next:before {
	content: "›";
}

.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}

.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	border-radius: 10px;
}

.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #ffffff;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.carousel-caption .btn {
	text-shadow: none;
}

@media screen and (min-width: 768px) {
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		width: 36px;
		height: 36px;
		margin-top: -12px;
		font-size: 36px;
	}
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		margin-left: -12px;
	}
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next {
		margin-right: -12px;
	}
	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px;
	}
	.carousel-indicators {
		bottom: 20px;
	}
}
/* ------------------------------ COMPONENT: Data List ------------------------------ */
dl {
	margin-top: 0;
	margin-bottom: 24px;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dd {
	margin-left: 0;
}

@media (min-width: 1180px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		clear: left;
		text-align: right;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 180px;
	}
}
.list-details,
.data-list {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-details dt,
.list-details dd,
.data-list dt,
.data-list dd {
	padding-bottom: 5px;
}
.list-details dt,
.data-list dt {
	width: 120px;
	font-weight: 400;
	color: var(--text-color-accent);
}
.list-details dd,
.data-list dd {
	margin-left: 20px;
	width: calc(100% - 120px - 20px);
	font-weight: 600;
	word-break: break-word;
}

.list-details-label-width-xs dt,
.data-list-label-width-xs dt {
	width: 60px;
}
.list-details-label-width-xs dd,
.data-list-label-width-xs dd {
	width: calc(100% - 60px - 20px);
}

.list-details-label-width-sm dt,
.data-list-label-width-sm dt {
	width: 90px;
}
.list-details-label-width-sm dd,
.data-list-label-width-sm dd {
	width: calc(100% - 90px - 20px);
}

.list-details-label-width-md dt,
.data-list-label-width-md dt {
	width: 120px;
}
.list-details-label-width-md dd,
.data-list-label-width-md dd {
	width: calc(100% - 120px - 20px);
}

.list-details-label-width-lg dt,
.data-list-label-width-lg dt {
	width: 180px;
}
.list-details-label-width-lg dd,
.data-list-label-width-lg dd {
	width: calc(100% - 180px - 20px);
}
@media (max-width: 479px) {
	.list-details-label-width-lg dt,
	.data-list-label-width-lg dt {
		width: 120px;
	}
	.list-details-label-width-lg dd,
	.data-list-label-width-lg dd {
		width: calc(100% - 120px - 20px);
	}
}

.list-details-label-width-xl dt,
.data-list-label-width-xl dt {
	width: 240px;
}
.list-details-label-width-xl dd,
.data-list-label-width-xl dd {
	width: calc(100% - 240px - 20px);
}
@media (max-width: 479px) {
	.list-details-label-width-xl dt,
	.data-list-label-width-xl dt {
		width: 120px;
	}
	.list-details-label-width-xl dd,
	.data-list-label-width-xl dd {
		width: calc(100% - 120px - 20px);
	}
}

.data-list .width-xs {
	width: 60px;
}
.data-list .width-xs + dd {
	width: calc(100% - 60px - 20px);
}
.data-list .width-sm {
	width: 90px;
}
.data-list .width-sm + dd {
	width: calc(100% - 90px - 20px);
}
.data-list .width-md {
	width: 120px;
}
.data-list .width-md + dd {
	width: calc(100% - 120px - 20px);
}
.data-list .width-lg {
	width: 180px;
}
.data-list .width-lg + dd {
	width: calc(100% - 180px - 20px);
}
@media (max-width: 479px) {
	.data-list .width-lg {
		width: 120px;
	}
	.data-list .width-lg + dd {
		width: calc(100% - 120px - 20px);
	}
}
.data-list .width-xl {
	width: 240px;
}
.data-list .width-xl + dd {
	width: calc(100% - 240px - 20px);
}
@media (max-width: 479px) {
	.data-list .width-xl {
		width: 120px;
	}
	.data-list .width-xl + dd {
		width: calc(100% - 120px - 20px);
	}
}
@media (min-width: 480px) {
	.data-list .width-xs-beyond-breakpoint-xs {
		width: 60px;
	}
	.data-list .width-xs-beyond-breakpoint-xs + dd {
		width: calc(100% - 60px - 20px);
	}
	.data-list .width-sm-beyond-breakpoint-xs {
		width: 90px;
	}
	.data-list .width-sm-beyond-breakpoint-xs + dd {
		width: calc(100% - 90px - 20px);
	}
	.data-list .width-md-beyond-breakpoint-xs {
		width: 120px;
	}
	.data-list .width-md-beyond-breakpoint-xs + dd {
		width: calc(100% - 120px - 20px);
	}
	.data-list .width-lg-beyond-breakpoint-xs {
		width: 180px;
	}
	.data-list .width-lg-beyond-breakpoint-xs + dd {
		width: calc(100% - 180px - 20px);
	}
	.data-list .width-xl-beyond-breakpoint-xs {
		width: 240px;
	}
	.data-list .width-xl-beyond-breakpoint-xs + dd {
		width: calc(100% - 240px - 20px);
	}
}
@media (min-width: 768px) {
	.data-list .width-xs-beyond-breakpoint-sm {
		width: 60px;
	}
	.data-list .width-xs-beyond-breakpoint-sm + dd {
		width: calc(100% - 60px - 20px);
	}
	.data-list .width-sm-beyond-breakpoint-sm {
		width: 90px;
	}
	.data-list .width-sm-beyond-breakpoint-sm + dd {
		width: calc(100% - 90px - 20px);
	}
	.data-list .width-md-beyond-breakpoint-sm {
		width: 120px;
	}
	.data-list .width-md-beyond-breakpoint-sm + dd {
		width: calc(100% - 120px - 20px);
	}
	.data-list .width-lg-beyond-breakpoint-sm {
		width: 180px;
	}
	.data-list .width-lg-beyond-breakpoint-sm + dd {
		width: calc(100% - 180px - 20px);
	}
	.data-list .width-xl-beyond-breakpoint-sm {
		width: 240px;
	}
	.data-list .width-xl-beyond-breakpoint-sm + dd {
		width: calc(100% - 240px - 20px);
	}
}
@media (min-width: 1180px) {
	.data-list .width-xs-beyond-breakpoint-md {
		width: 60px;
	}
	.data-list .width-xs-beyond-breakpoint-md + dd {
		width: calc(100% - 60px - 20px);
	}
	.data-list .width-sm-beyond-breakpoint-md {
		width: 90px;
	}
	.data-list .width-sm-beyond-breakpoint-md + dd {
		width: calc(100% - 90px - 20px);
	}
	.data-list .width-md-beyond-breakpoint-md {
		width: 120px;
	}
	.data-list .width-md-beyond-breakpoint-md + dd {
		width: calc(100% - 120px - 20px);
	}
	.data-list .width-lg-beyond-breakpoint-md {
		width: 180px;
	}
	.data-list .width-lg-beyond-breakpoint-md + dd {
		width: calc(100% - 180px - 20px);
	}
	.data-list .width-xl-beyond-breakpoint-md {
		width: 240px;
	}
	.data-list .width-xl-beyond-breakpoint-md + dd {
		width: calc(100% - 240px - 20px);
	}
}
@media (min-width: 1400px) {
	.data-list .width-xs-beyond-breakpoint-lg {
		width: 60px;
	}
	.data-list .width-xs-beyond-breakpoint-lg + dd {
		width: calc(100% - 60px - 20px);
	}
	.data-list .width-sm-beyond-breakpoint-lg {
		width: 90px;
	}
	.data-list .width-sm-beyond-breakpoint-lg + dd {
		width: calc(100% - 90px - 20px);
	}
	.data-list .width-md-beyond-breakpoint-lg {
		width: 120px;
	}
	.data-list .width-md-beyond-breakpoint-lg + dd {
		width: calc(100% - 120px - 20px);
	}
	.data-list .width-lg-beyond-breakpoint-lg {
		width: 180px;
	}
	.data-list .width-lg-beyond-breakpoint-lg + dd {
		width: calc(100% - 180px - 20px);
	}
	.data-list .width-xl-beyond-breakpoint-lg {
		width: 240px;
	}
	.data-list .width-xl-beyond-breakpoint-lg + dd {
		width: calc(100% - 240px - 20px);
	}
}

/* ------------------------------ COMPONENTS: Divider ------------------------------ */
hr {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0 solid var(--border-color-default);
	border-top-width: 1px;
}

/* ------------------------------ COMPONENTS: Dropdown [Menu] ------------------------------ */
.dropup,
.dropdown {
	position: relative;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	float: none;
	min-width: 100px;
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0;
	font-size: 16px;
	border-width: 1px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	text-align: left;
	z-index: 10000;
}
.dropdown-menu.dropdown-menu-with-top-header {
	padding-top: 0;
}
.open > .dropdown-menu {
	display: block;
}

.dropdown-menu-width-xxxs {
	width: 100px;
}

.dropdown-menu-width-xxs {
	width: 120px;
}

.dropdown-menu-width-xs {
	width: 160px;
}

.dropdown-menu-width-sm {
	width: 200px;
}

.dropdown-menu-width-md {
	width: 240px;
}

.dropdown-menu-width-lg {
	width: 320px;
}

.dropdown-menu-width-xl {
	width: 400px;
}

.dropdown-menu-width-xxl {
	width: 480px;
}

.dropdown-menu-width-xxxl {
	width: 600px;
}

.open > a {
	outline: 0;
}

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

.dropdown-menu {
	border-color: var(--shadow-border-color);
	background-color: var(--bg-default);
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}
.dropdown-menu.dropdown-menu-inverse {
	border-color: var(--shadow-border-color);
	background-color: var(--bg-default);
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}

/* ------------------------------ COMPONENTS: Dropdown [Menu] - Position ------------------------------ */
.dropdown-menu.pull-right,
.pull-right > .dropdown-menu {
	right: 0;
	left: auto;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
}
@media (min-width: 1180px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
	}
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.dropdown-menu-left {
	right: auto;
	left: 0;
}
@media (min-width: 1180px) {
	.navbar-right .dropdown-menu-left {
		right: auto;
		left: 0;
	}
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid \9;
	content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
}

@media (min-width: 1180px) {
	.navbar-right .dropdown-menu {
		right: 0;
		left: auto;
	}
	.navbar-right .dropdown-menu-left {
		left: 0;
		right: auto;
	}
}
/* ------------------------------ COMPONENTS: Dropdown [Menu] - Link ------------------------------ */
.dropdown-menu > li > a,
.dropdown-menu > li > button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	width: 100%;
	clear: both;
	padding-top: 7px !important;
	padding-bottom: 9px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:focus {
	text-decoration: none;
}
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:active,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:focus:hover,
.dropdown-menu > li.active > button,
.dropdown-menu > li.active > button:hover,
.dropdown-menu > li.active > button:active,
.dropdown-menu > li.active > button:focus,
.dropdown-menu > li.active > button:focus:hover {
	text-decoration: none;
}
.dropdown-menu > li.disabled > a,
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > li.disabled > a:active,
.dropdown-menu > li.disabled > a:focus,
.dropdown-menu > li.disabled > a:focus:hover,
.dropdown-menu > li.disabled > button,
.dropdown-menu > li.disabled > button:hover,
.dropdown-menu > li.disabled > button:active,
.dropdown-menu > li.disabled > button:focus,
.dropdown-menu > li.disabled > button:focus:hover {
	text-decoration: none;
	cursor: not-allowed;
	filter: unset;
}
.dropdown-menu:not(.list-group) > li > a,
.dropdown-menu:not(.list-group) > li > button {
	border: 0 !important;
}

/* ------------------------------ COMPONENTS: Dropdown [Menu] - Link (Themes) ------------------------------ */
.dropdown-menu.list-group > li > a.active:hover,
.dropdown-menu.list-group > li > a.active:hover:focus,
.dropdown-menu.list-group > li > a.active:active,
.dropdown-menu.list-group > li > a.active:active:focus,
.dropdown-menu.list-group > li > a.active:focus {
	color: var(--white);
	background-color: var(--bg-primary-default);
}
.dropdown-menu > li > a,
.dropdown-menu > li > button,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > button {
	background: var(--bg-default);
	color: var(--text-color-on-primary-transparent-default);
	outline-offset: 0;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > button:focus,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > button:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: -4px;
}
.dropdown-menu > li > a:focus:not(:focus-visible),
.dropdown-menu > li > button:focus:not(:focus-visible),
.dropdown-menu > li.active > a:focus:not(:focus-visible),
.dropdown-menu > li.active > button:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.dropdown-menu > li > a:focus-visible,
.dropdown-menu > li > button:focus-visible,
.dropdown-menu > li.active > a:focus-visible,
.dropdown-menu > li.active > button:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: -4px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover:focus,
.dropdown-menu > li > button:hover,
.dropdown-menu > li > button:hover:focus,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:hover:focus,
.dropdown-menu > li.active > button:hover,
.dropdown-menu > li.active > button:hover:focus {
	background: var(--bg-primary-transparent-hover);
	color: var(--text-color-on-primary-transparent-hover);
}
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:active:focus,
.dropdown-menu > li > button:active,
.dropdown-menu > li > button:active:focus,
.dropdown-menu > li.active > a:active,
.dropdown-menu > li.active > a:active:focus,
.dropdown-menu > li.active > button:active,
.dropdown-menu > li.active > button:active:focus {
	background: var(--bg-primary-transparent-active);
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > button:focus,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > button:focus {
	background: var(--bg-primary-transparent-focus);
	color: var(--text-color-on-primary-transparent-focus);
}
.dropdown-menu > li.disabled > a,
.dropdown-menu > li.disabled > a:hover,
.dropdown-menu > li.disabled > a:hover:focus,
.dropdown-menu > li.disabled > a:active,
.dropdown-menu > li.disabled > a:active:focus,
.dropdown-menu > li.disabled > a:focus,
.dropdown-menu > li.disabled > button,
.dropdown-menu > li.disabled > button:hover,
.dropdown-menu > li.disabled > button:hover:focus,
.dropdown-menu > li.disabled > button:active,
.dropdown-menu > li.disabled > button:active:focus,
.dropdown-menu > li.disabled > button:focus {
	background: var(--transparent);
	color: var(--text-color-on-primary-transparent-disabled);
}
.dropdown-menu > li.disabled.active > a,
.dropdown-menu > li.disabled.active > button {
	background: var(--transparent);
}
.dropdown-menu > li.disabled.active > a:hover,
.dropdown-menu > li.disabled.active > button:hover {
	background: var(--transparent);
}
.dropdown-menu > li.selected > a,
.dropdown-menu > li.selected > button {
	background: var(--bg-primary-transparent-selected);
	color: var(--text-color-on-primary-transparent-selected);
	outline-offset: 0;
}
.dropdown-menu > li.selected > a:focus,
.dropdown-menu > li.selected > button:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.dropdown-menu > li.selected > a:focus:not(:focus-visible),
.dropdown-menu > li.selected > button:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.dropdown-menu > li.selected > a:focus-visible,
.dropdown-menu > li.selected > button:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.dropdown-menu > li.selected.active > a,
.dropdown-menu > li.selected.active > button {
	background: var(--bg-primary-transparent-selected);
	color: var(--text-color-on-primary-transparent-selected);
}
.dropdown-menu > li.selected.active > a:hover,
.dropdown-menu > li.selected.active > button:hover {
	background: var(--bg-primary-transparent-selected);
	color: var(--text-color-on-primary-transparent-selected);
}
.dropdown-menu.dropdown-menu-inverse.list-group > li > a.active:hover,
.dropdown-menu.dropdown-menu-inverse.list-group > li > a.active:hover:focus,
.dropdown-menu.dropdown-menu-inverse.list-group > li > a.active:active,
.dropdown-menu.dropdown-menu-inverse.list-group > li > a.active:active:focus,
.dropdown-menu.dropdown-menu-inverse.list-group > li > a.active:focus {
	color: var(--white);
	background-color: var(--bg-primary-default);
}
.dropdown-menu.dropdown-menu-inverse > li > a,
.dropdown-menu.dropdown-menu-inverse > li > button,
.dropdown-menu.dropdown-menu-inverse > li.active > a,
.dropdown-menu.dropdown-menu-inverse > li.active > button {
	background: var(--bg-default);
	color: var(--text-color-on-primary-transparent-default);
	outline-offset: 0;
}
.dropdown-menu.dropdown-menu-inverse > li > a:focus,
.dropdown-menu.dropdown-menu-inverse > li > button:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > a:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > button:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.dropdown-menu.dropdown-menu-inverse > li > a:focus:not(:focus-visible),
.dropdown-menu.dropdown-menu-inverse > li > button:focus:not(:focus-visible),
.dropdown-menu.dropdown-menu-inverse > li.active > a:focus:not(:focus-visible),
.dropdown-menu.dropdown-menu-inverse > li.active > button:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.dropdown-menu.dropdown-menu-inverse > li > a:focus-visible,
.dropdown-menu.dropdown-menu-inverse > li > button:focus-visible,
.dropdown-menu.dropdown-menu-inverse > li.active > a:focus-visible,
.dropdown-menu.dropdown-menu-inverse > li.active > button:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.dropdown-menu.dropdown-menu-inverse > li > a:hover,
.dropdown-menu.dropdown-menu-inverse > li > a:hover:focus,
.dropdown-menu.dropdown-menu-inverse > li > button:hover,
.dropdown-menu.dropdown-menu-inverse > li > button:hover:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > a:hover,
.dropdown-menu.dropdown-menu-inverse > li.active > a:hover:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > button:hover,
.dropdown-menu.dropdown-menu-inverse > li.active > button:hover:focus {
	background: var(--bg-primary-transparent-hover);
	color: var(--text-color-on-primary-transparent-hover);
}
.dropdown-menu.dropdown-menu-inverse > li > a:active,
.dropdown-menu.dropdown-menu-inverse > li > a:active:focus,
.dropdown-menu.dropdown-menu-inverse > li > button:active,
.dropdown-menu.dropdown-menu-inverse > li > button:active:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > a:active,
.dropdown-menu.dropdown-menu-inverse > li.active > a:active:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > button:active,
.dropdown-menu.dropdown-menu-inverse > li.active > button:active:focus {
	background: var(--bg-primary-transparent-active);
}
.dropdown-menu.dropdown-menu-inverse > li > a:focus,
.dropdown-menu.dropdown-menu-inverse > li > button:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > a:focus,
.dropdown-menu.dropdown-menu-inverse > li.active > button:focus {
	background: var(--bg-primary-transparent-focus);
	color: var(--text-color-on-primary-transparent-focus);
}
.dropdown-menu.dropdown-menu-inverse > li.disabled > a,
.dropdown-menu.dropdown-menu-inverse > li.disabled > a:hover,
.dropdown-menu.dropdown-menu-inverse > li.disabled > a:hover:focus,
.dropdown-menu.dropdown-menu-inverse > li.disabled > a:active,
.dropdown-menu.dropdown-menu-inverse > li.disabled > a:active:focus,
.dropdown-menu.dropdown-menu-inverse > li.disabled > a:focus,
.dropdown-menu.dropdown-menu-inverse > li.disabled > button,
.dropdown-menu.dropdown-menu-inverse > li.disabled > button:hover,
.dropdown-menu.dropdown-menu-inverse > li.disabled > button:hover:focus,
.dropdown-menu.dropdown-menu-inverse > li.disabled > button:active,
.dropdown-menu.dropdown-menu-inverse > li.disabled > button:active:focus,
.dropdown-menu.dropdown-menu-inverse > li.disabled > button:focus {
	background: var(--transparent);
	color: var(--text-color-on-primary-transparent-disabled);
}
.dropdown-menu.dropdown-menu-inverse > li.disabled.active > a,
.dropdown-menu.dropdown-menu-inverse > li.disabled.active > button {
	background: var(--transparent);
}
.dropdown-menu.dropdown-menu-inverse > li.disabled.active > a:hover,
.dropdown-menu.dropdown-menu-inverse > li.disabled.active > button:hover {
	background: var(--transparent);
}
.dropdown-menu.dropdown-menu-inverse > li.selected > a,
.dropdown-menu.dropdown-menu-inverse > li.selected > button {
	background: var(--bg-primary-transparent-selected);
	color: var(--text-color-on-primary-transparent-selected);
	outline-offset: 0;
}
.dropdown-menu.dropdown-menu-inverse > li.selected > a:focus,
.dropdown-menu.dropdown-menu-inverse > li.selected > button:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: -4px;
}
.dropdown-menu.dropdown-menu-inverse > li.selected > a:focus:not(:focus-visible),
.dropdown-menu.dropdown-menu-inverse > li.selected > button:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.dropdown-menu.dropdown-menu-inverse > li.selected > a:focus-visible,
.dropdown-menu.dropdown-menu-inverse > li.selected > button:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: -4px;
}
.dropdown-menu.dropdown-menu-inverse > li.selected.active > a,
.dropdown-menu.dropdown-menu-inverse > li.selected.active > button {
	background: var(--bg-primary-transparent-selected);
	color: var(--text-color-on-primary-transparent-selected);
}
.dropdown-menu.dropdown-menu-inverse > li.selected.active > a:hover,
.dropdown-menu.dropdown-menu-inverse > li.selected.active > button:hover {
	background: var(--bg-primary-transparent-selected);
	color: var(--text-color-on-primary-transparent-selected);
}

/* ------------------------------ COMPONENTS: Dropdown [Menu] - Icon ------------------------------ */
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > button > .glyphicon {
	-webkit-transition: color 0.05s;
	transition: color 0.05s;
	position: relative;
	top: 1px;
	margin-left: 5px;
	font-size: 14px;
}
/* ------------------------------ COMPONENTS: Dropdown [Menu] - Divider ------------------------------ */
.dropdown-menu .divider {
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
}
.dropdown-menu .divider {
	background-color: var(--border-color-default);
}
.dropdown-menu.dropdown-menu-inverse .divider {
	background-color: var(--border-color-default);
}

/* ------------------------------ COMPONENTS: Dropdown [Menu] - Header ------------------------------ */
.dropdown-header {
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
	background: var(--bg-accent);
	color: var(--text-color-default);
}
.dropdown-header:not(:first-child) {
	margin-top: 10px;
}
.dropdown-menu-with-top-header .dropdown-header {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.dropdown-menu-with-top-header .dropdown-header > *:first-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
}
.dropdown-menu-with-top-header .dropdown-header > *:last-child {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 20px;
}
.dropdown-menu-with-top-header .dropdown-header .name {
	margin-bottom: 0;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.dropdown-menu-with-top-header .dropdown-header .email {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
}
.dropdown-menu-inverse .dropdown-header {
	background: var(--bg-accent);
	color: var(--text-color-default);
}

/* ------------------------------ COMPONENTS: Dropdown [Menu] - Backdrop ------------------------------ */
.dropdown-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990;
}

/* ------------------------------ FOOTER: Footer ------------------------------ */
.footer {
	margin-top: auto;
	padding-top: 30px;
	padding-bottom: 20px;
	background: var(--bg-accent);
	color: var(--text-color-accent);
}
.footer[data-bs-theme="dark"] {
	background: var(--bg-default);
	color: var(--text-color-accent);
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer .h1,
.footer .h2,
.footer .h3,
.footer .h4,
.footer .h5,
.footer .h6 {
	color: var(--text-color-accent);
}
.footer[data-bs-theme="dark"] h1,
.footer[data-bs-theme="dark"] h2,
.footer[data-bs-theme="dark"] h3,
.footer[data-bs-theme="dark"] h4,
.footer[data-bs-theme="dark"] h5,
.footer[data-bs-theme="dark"] h6,
.footer[data-bs-theme="dark"] .h1,
.footer[data-bs-theme="dark"] .h2,
.footer[data-bs-theme="dark"] .h3,
.footer[data-bs-theme="dark"] .h4,
.footer[data-bs-theme="dark"] .h5,
.footer[data-bs-theme="dark"] .h6 {
	color: var(--text-color-accent);
}
@media (min-width: 769px) {
	.footer .footer-content {
		display: flex;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
	}
}
.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer a {
	position: relative;
}
.footer .glyphicon-new-window {
	position: relative;
	top: 0px;
	margin-left: 5px;
	font-size: 12px;
}

.footer-link {
	display: block;
	color: var(--text-color-default);
}
[data-bs-theme="dark"] .footer-link {
	outline-offset: 0;
	color: var(--text-color-default);
}
[data-bs-theme="dark"] .footer-link:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--text-color-default);
	outline-offset: 2px;
}
[data-bs-theme="dark"] .footer-link:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
[data-bs-theme="dark"] .footer-link:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--text-color-default);
	outline-offset: 2px;
}

@media (max-width: 768px) {
	.footer-links a {
		padding: 10px 0;
		border-top: 1px solid var(--border-color-default);
	}
	[data-bs-theme="dark"] .footer-links a {
		border-top-color: var(--border-color-accent);
	}
	.footer-links li:last-child a {
		border-bottom: 1px solid var(--border-color-default);
	}
	[data-bs-theme="dark"] .footer-links li:last-child a {
		border-bottom-color: var(--border-color-accent);
	}
	.footer-links * + ul li:first-child a {
		border-top: 0;
	}
}
@media (min-width: 769px) {
	.footer-links {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-bottom: 10px;
		position: relative;
		/*right: -15px;*/
	}
	.footer-links ul {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: flex-end;
		-ms-flex-pack: flex-end;
		justify-content: flex-end;
	}
	.footer-links ul + * {
		margin-top: 10px;
	}
	.footer-links a {
		padding: 0 15px;
	}
	.footer-links li:not(:first-child) a::after {
		display: inline-block;
		content: "";
		position: absolute;
		top: 4px;
		left: 0;
		height: 16px;
		width: 1px;
		background: var(--border-color-default);
	}
	[data-bs-theme="dark"] .footer-links li:not(:first-child) a::after {
		background: var(--border-color-accent);
	}
	.footer-links li:not(:first-child) a::after li:first-child {
		display: none;
	}
}

.footer-link {
	text-decoration: none;
}
.footer-link .text {
	text-decoration: none;
}
.footer-link:hover .text {
	text-decoration: underline;
}
.footer-link:active .text,
.footer-link:focus .text {
	text-decoration: none;
}
.footer-link:disabled .text,
.footer-link.disabled .text {
	text-decoration: none;
}
@media (min-width: 769px) {
	.footer-link {
		text-decoration: none;
	}
	.footer-link .text {
		text-decoration: underline;
	}
	.footer-link:hover .text,
	.footer-link:focus .text {
		text-decoration: none;
	}
	.footer-link:active .text {
		text-decoration: underline;
	}
	.footer-link:disabled .text,
	.footer-link.disabled .text {
		text-decoration: none;
	}
}

.footer-information .footer-link {
	text-decoration: none;
}
.footer-information .footer-link .text {
	text-decoration: none;
}
.footer-information .footer-link:hover .text {
	text-decoration: underline;
}
.footer-information .footer-link:active .text,
.footer-information .footer-link:focus .text {
	text-decoration: none;
}
.footer-information .footer-link:disabled .text,
.footer-information .footer-link.disabled .text {
	text-decoration: none;
}
.footer-information .copyright {
	margin-bottom: 0;
	color: var(--text-color-accent);
}
[data-bs-theme="dark"] .footer-information .copyright {
	color: var(--text-color-accent);
}
@media (max-width: 768px) {
	.footer-information {
		margin-top: 30px;
	}
}
@media (min-width: 769px) {
	.footer-information {
		position: relative;
		/*left: -15px;*/
	}
	.footer-information a,
	.footer-information .copyright {
		padding: 0 15px;
	}
	.footer-information address {
		margin-bottom: 10px;
	}
	.footer-information address ul {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-information address li:not(:last-child) a::after {
		display: inline-block;
		content: "";
		position: absolute;
		top: 4px;
		right: 0;
		height: 16px;
		width: 1px;
		background: var(--border-color-default);
	}
	[data-bs-theme="dark"] .footer-information address li:not(:last-child) a::after {
		background: var(--border-color-accent);
	}
}

.footer-print .footer-print--content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;
}
.footer-print .footer-print--left {
	flex: 1 0 auto;
	max-width: 310px;
}
.footer-print .footer-print--right {
	flex: 1 1 auto;
	max-width: 600px;
}
.footer-print .footer-print--tagline {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h2-color);
	font-size: 30px;
	line-height: 38px;
	margin: 0;
}
@media (min-width: 1180px) {
	.footer-print .footer-print--tagline {
		font-size: 40px;
	}
}
.footer-print .footer-print--logo {
	margin-bottom: 40px;
	max-width: 190px;
}

/* ------------------------------ COMPONENTS: Form - Structure ------------------------------ */
.form-group {
	margin-bottom: 20px;
}
.form-horizontal .form-group {
	margin-right: -20px;
	margin-left: -20px;
}

.form-groups-horizontal {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.form-groups-horizontal > * {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.form-groups-horizontal > * + * {
	margin-left: 20px;
}

@media (min-width: 768px) {
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
}

.form-group-width-xxxs {
	max-width: 80px;
}

.form-group-width-xxs {
	max-width: 100px;
}

.form-group-width-xs {
	max-width: 120px;
}

.form-group-width-sm {
	max-width: 160px;
}

.form-group-width-md {
	max-width: 200px;
}

.form-group-width-lg {
	max-width: 240px;
}

.form-group-width-xl {
	max-width: 300px;
}

.form-group-width-xxl {
	max-width: 400px;
}

.form-group-width-xxxl {
	max-width: 600px;
}

.form-layout > .width-xxxs {
	flex: 80;
}
@media (max-width: 479px) {
	.form-layout > .width-xxxs-breakpoint-xs {
		flex: 80;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-xxxs-breakpoint-sm {
		flex: 80;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-xxxs-breakpoint-md {
		flex: 80;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-xxxs-breakpoint-lg {
		flex: 80;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-xxxs-breakpoint-xl {
		flex: 80;
	}
}

.form-layout > .width-xxs {
	flex: 100;
}
@media (max-width: 479px) {
	.form-layout > .width-xxs-breakpoint-xs {
		flex: 100;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-xxs-breakpoint-sm {
		flex: 100;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-xxs-breakpoint-md {
		flex: 100;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-xxs-breakpoint-lg {
		flex: 100;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-xxs-breakpoint-xl {
		flex: 100;
	}
}

.form-layout > .width-xs {
	flex: 120;
}
@media (max-width: 479px) {
	.form-layout > .width-xs-breakpoint-xs {
		flex: 120;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-xs-breakpoint-sm {
		flex: 120;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-xs-breakpoint-md {
		flex: 120;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-xs-breakpoint-lg {
		flex: 120;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-xs-breakpoint-xl {
		flex: 120;
	}
}

.form-layout > .width-sm {
	flex: 160;
}
@media (max-width: 479px) {
	.form-layout > .width-sm-breakpoint-xs {
		flex: 160;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-sm-breakpoint-sm {
		flex: 160;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-sm-breakpoint-md {
		flex: 160;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-sm-breakpoint-lg {
		flex: 160;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-sm-breakpoint-xl {
		flex: 160;
	}
}

.form-layout > .width-md {
	flex: 200;
}
@media (max-width: 479px) {
	.form-layout > .width-md-breakpoint-xs {
		flex: 200;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-md-breakpoint-sm {
		flex: 200;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-md-breakpoint-md {
		flex: 200;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-md-breakpoint-lg {
		flex: 200;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-md-breakpoint-xl {
		flex: 200;
	}
}

.form-layout > .width-lg {
	flex: 240;
}
@media (max-width: 479px) {
	.form-layout > .width-lg-breakpoint-xs {
		flex: 240;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-lg-breakpoint-sm {
		flex: 240;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-lg-breakpoint-md {
		flex: 240;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-lg-breakpoint-lg {
		flex: 240;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-lg-breakpoint-xl {
		flex: 240;
	}
}

.form-layout > .width-xl {
	flex: 300;
}
@media (max-width: 479px) {
	.form-layout > .width-xl-breakpoint-xs {
		flex: 300;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-xl-breakpoint-sm {
		flex: 300;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-xl-breakpoint-md {
		flex: 300;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-xl-breakpoint-lg {
		flex: 300;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-xl-breakpoint-xl {
		flex: 300;
	}
}

.form-layout > .width-xxl {
	flex: 400;
}
@media (max-width: 479px) {
	.form-layout > .width-xxl-breakpoint-xs {
		flex: 400;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-xxl-breakpoint-sm {
		flex: 400;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-xxl-breakpoint-md {
		flex: 400;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-xxl-breakpoint-lg {
		flex: 400;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-xxl-breakpoint-xl {
		flex: 400;
	}
}

.form-layout > .width-xxxl {
	flex: 600;
}
@media (max-width: 479px) {
	.form-layout > .width-xxxl-breakpoint-xs {
		flex: 600;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .width-xxxl-breakpoint-sm {
		flex: 600;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .width-xxxl-breakpoint-md {
		flex: 600;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .width-xxxl-breakpoint-lg {
		flex: 600;
	}
}
@media (min-width: 1400px) {
	.form-layout > .width-xxxl-breakpoint-xl {
		flex: 600;
	}
}

.form-control.width-xxxs,
.width-xxxs.msos-input-container,
div.width-xxxs.msos-container {
	display: inline-block;
	max-width: 80px;
}

.form-group > .width-xxxs {
	max-width: 80px;
}

.form-control.width-xxs,
.width-xxs.msos-input-container,
div.width-xxs.msos-container {
	display: inline-block;
	max-width: 100px;
}

.form-group > .width-xxs {
	max-width: 100px;
}

.form-control.width-xs,
.width-xs.msos-input-container,
div.width-xs.msos-container {
	display: inline-block;
	max-width: 120px;
}

.form-group > .width-xs {
	max-width: 120px;
}

.form-control.width-sm,
.width-sm.msos-input-container,
div.width-sm.msos-container {
	display: inline-block;
	max-width: 160px;
}

.form-group > .width-sm {
	max-width: 160px;
}

.form-control.width-md,
.width-md.msos-input-container,
div.width-md.msos-container {
	display: inline-block;
	max-width: 200px;
}

.form-group > .width-md {
	max-width: 200px;
}

.form-control.width-lg,
.width-lg.msos-input-container,
div.width-lg.msos-container {
	display: inline-block;
	max-width: 240px;
}

.form-group > .width-lg {
	max-width: 240px;
}

.form-control.width-xl,
.width-xl.msos-input-container,
div.width-xl.msos-container {
	display: inline-block;
	max-width: 300px;
}

.form-group > .width-xl {
	max-width: 300px;
}

.form-control.width-xxl,
.width-xxl.msos-input-container,
div.width-xxl.msos-container {
	display: inline-block;
	max-width: 400px;
}

.form-group > .width-xxl {
	max-width: 400px;
}

.form-control.width-xxxl,
.width-xxxl.msos-input-container,
div.width-xxxl.msos-container {
	display: inline-block;
	max-width: 600px;
}

.form-group > .width-xxxl {
	max-width: 600px;
}

.form-layout > .max-width-xxxs {
	max-width: 80px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-xxxs-breakpoint-xs {
		max-width: 80px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-xxxs-breakpoint-sm {
		max-width: 80px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-xxxs-breakpoint-md {
		max-width: 80px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-xxxs-breakpoint-lg {
		max-width: 80px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-xxxs-breakpoint-xl {
		max-width: 80px;
	}
}

.form-layout > .max-width-xxs {
	max-width: 100px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-xxs-breakpoint-xs {
		max-width: 100px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-xxs-breakpoint-sm {
		max-width: 100px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-xxs-breakpoint-md {
		max-width: 100px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-xxs-breakpoint-lg {
		max-width: 100px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-xxs-breakpoint-xl {
		max-width: 100px;
	}
}

.form-layout > .max-width-xs {
	max-width: 120px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-xs-breakpoint-xs {
		max-width: 120px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-xs-breakpoint-sm {
		max-width: 120px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-xs-breakpoint-md {
		max-width: 120px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-xs-breakpoint-lg {
		max-width: 120px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-xs-breakpoint-xl {
		max-width: 120px;
	}
}

.form-layout > .max-width-sm {
	max-width: 160px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-sm-breakpoint-xs {
		max-width: 160px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-sm-breakpoint-sm {
		max-width: 160px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-sm-breakpoint-md {
		max-width: 160px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-sm-breakpoint-lg {
		max-width: 160px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-sm-breakpoint-xl {
		max-width: 160px;
	}
}

.form-layout > .max-width-md {
	max-width: 200px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-md-breakpoint-xs {
		max-width: 200px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-md-breakpoint-sm {
		max-width: 200px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-md-breakpoint-md {
		max-width: 200px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-md-breakpoint-lg {
		max-width: 200px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-md-breakpoint-xl {
		max-width: 200px;
	}
}

.form-layout > .max-width-lg {
	max-width: 240px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-lg-breakpoint-xs {
		max-width: 240px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-lg-breakpoint-sm {
		max-width: 240px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-lg-breakpoint-md {
		max-width: 240px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-lg-breakpoint-lg {
		max-width: 240px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-lg-breakpoint-xl {
		max-width: 240px;
	}
}

.form-layout > .max-width-xl {
	max-width: 300px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-xl-breakpoint-xs {
		max-width: 300px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-xl-breakpoint-sm {
		max-width: 300px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-xl-breakpoint-md {
		max-width: 300px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-xl-breakpoint-lg {
		max-width: 300px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-xl-breakpoint-xl {
		max-width: 300px;
	}
}

.form-layout > .max-width-xxl {
	max-width: 400px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-xxl-breakpoint-xs {
		max-width: 400px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-xxl-breakpoint-sm {
		max-width: 400px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-xxl-breakpoint-md {
		max-width: 400px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-xxl-breakpoint-lg {
		max-width: 400px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-xxl-breakpoint-xl {
		max-width: 400px;
	}
}

.form-layout > .max-width-xxxl {
	max-width: 600px;
}
@media (max-width: 479px) {
	.form-layout > .max-width-xxxl-breakpoint-xs {
		max-width: 600px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.form-layout > .max-width-xxxl-breakpoint-sm {
		max-width: 600px;
	}
}
@media (min-width: 768px) and (max-width: 1179px) {
	.form-layout > .max-width-xxxl-breakpoint-md {
		max-width: 600px;
	}
}
@media (min-width: 1180px) and (max-width: 1399px) {
	.form-layout > .max-width-xxxl-breakpoint-lg {
		max-width: 600px;
	}
}
@media (min-width: 1400px) {
	.form-layout > .max-width-xxxl-breakpoint-xl {
		max-width: 600px;
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-xxxs-breakpoint-xs {
		padding-right: calc(100% - 80px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-xxxs-breakpoint-sm {
		padding-right: calc(100% - 80px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-xxxs-breakpoint-md {
		padding-right: calc(100% - 80px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-xxxs-breakpoint-lg {
		padding-right: calc(100% - 80px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-xxxs-breakpoint-xl {
		padding-right: calc(100% - 80px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-xxs-breakpoint-xs {
		padding-right: calc(100% - 100px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-xxs-breakpoint-sm {
		padding-right: calc(100% - 100px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-xxs-breakpoint-md {
		padding-right: calc(100% - 100px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-xxs-breakpoint-lg {
		padding-right: calc(100% - 100px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-xxs-breakpoint-xl {
		padding-right: calc(100% - 100px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-xs-breakpoint-xs {
		padding-right: calc(100% - 120px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-xs-breakpoint-sm {
		padding-right: calc(100% - 120px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-xs-breakpoint-md {
		padding-right: calc(100% - 120px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-xs-breakpoint-lg {
		padding-right: calc(100% - 120px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-xs-breakpoint-xl {
		padding-right: calc(100% - 120px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-sm-breakpoint-xs {
		padding-right: calc(100% - 160px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-sm-breakpoint-sm {
		padding-right: calc(100% - 160px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-sm-breakpoint-md {
		padding-right: calc(100% - 160px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-sm-breakpoint-lg {
		padding-right: calc(100% - 160px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-sm-breakpoint-xl {
		padding-right: calc(100% - 160px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-md-breakpoint-xs {
		padding-right: calc(100% - 200px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-md-breakpoint-sm {
		padding-right: calc(100% - 200px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-md-breakpoint-md {
		padding-right: calc(100% - 200px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-md-breakpoint-lg {
		padding-right: calc(100% - 200px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-md-breakpoint-xl {
		padding-right: calc(100% - 200px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-lg-breakpoint-xs {
		padding-right: calc(100% - 240px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-lg-breakpoint-sm {
		padding-right: calc(100% - 240px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-lg-breakpoint-md {
		padding-right: calc(100% - 240px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-lg-breakpoint-lg {
		padding-right: calc(100% - 240px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-lg-breakpoint-xl {
		padding-right: calc(100% - 240px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-xl-breakpoint-xs {
		padding-right: calc(100% - 300px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-xl-breakpoint-sm {
		padding-right: calc(100% - 300px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-xl-breakpoint-md {
		padding-right: calc(100% - 300px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-xl-breakpoint-lg {
		padding-right: calc(100% - 300px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-xl-breakpoint-xl {
		padding-right: calc(100% - 300px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-xxl-breakpoint-xs {
		padding-right: calc(100% - 400px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-xxl-breakpoint-sm {
		padding-right: calc(100% - 400px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-xxl-breakpoint-md {
		padding-right: calc(100% - 400px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-xxl-breakpoint-lg {
		padding-right: calc(100% - 400px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-xxl-breakpoint-xl {
		padding-right: calc(100% - 400px);
	}
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs.max-width-xxxl-breakpoint-xs {
		padding-right: calc(100% - 600px);
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm.max-width-xxxl-breakpoint-sm {
		padding-right: calc(100% - 600px);
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md.max-width-xxxl-breakpoint-md {
		padding-right: calc(100% - 600px);
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg.max-width-xxxl-breakpoint-lg {
		padding-right: calc(100% - 600px);
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl.max-width-xxxl-breakpoint-xl {
		padding-right: calc(100% - 600px);
	}
}

.full-row {
	width: 100%;
}
.full-row.form-buttons {
	margin-top: 10px;
	margin-left: 0;
}

@media (max-width: 479px) {
	.full-row-breakpoint-xs {
		width: 100%;
	}
	.full-row-breakpoint-xs.form-buttons {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.full-row-breakpoint-sm {
		width: 100%;
	}
	.full-row-breakpoint-sm.form-buttons {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.full-row-breakpoint-md {
		width: 100%;
	}
	.full-row-breakpoint-md.form-buttons {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.full-row-breakpoint-lg {
		width: 100%;
	}
	.full-row-breakpoint-lg.form-buttons {
		margin-top: 10px;
		margin-left: 0;
	}
}

@media (min-width: 1400px) {
	.full-row-breakpoint-xl {
		width: 100%;
	}
	.full-row-breakpoint-xl.form-buttons {
		margin-top: 10px;
		margin-left: 0;
	}
}

.form-layout {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	margin-bottom: 20px;
	gap: 20px 10px;
}
@media (min-width: 769px) {
	.form-layout {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.form-layout {
		margin-bottom: 30px;
	}
}
.accordion-content > .form-layout {
	margin-bottom: 0;
}
.form-layout .form-group {
	margin-bottom: 0;
}
.form-layout h1,
.form-layout h2,
.form-layout h3,
.form-layout h4,
.form-layout h5,
.form-layout h6,
.form-layout .h1,
.form-layout .h2,
.form-layout .h3,
.form-layout .h4,
.form-layout .h5,
.form-layout .h6,
.form-layout .alert {
	width: 100%;
}
.form-layout .h2 {
	font-size: 28px;
}
@media (min-width: 1180px) {
	.form-layout .h2 {
		font-size: 40px;
	}
}
.form-layout .h3 {
	font-size: 28px;
}
.form-layout .h4 {
	font-size: 22px;
}
.form-layout .h5 {
	font-size: 18px;
}
.form-layout .h6 {
	font-size: 16px;
}
.form-layout .alert {
	margin-bottom: 10px;
}
.form-layout .field-label + .help-block {
	margin-top: 0;
}

.form-buttons {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	gap: 10px;
	margin-left: 10px;
}
.form-buttons .btn-reset {
	visibility: hidden;
	pointer-events: none;
}
.form-buttons .btn-reset.visible {
	visibility: visible;
	pointer-events: auto;
}
@media (max-width: 767px) {
	.form-buttons .btn-reset:not(.visible) {
		display: none;
	}
}

.form-buttons-vertical {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

@media (max-width: 479px) {
	.form-buttons-vertical-breakpoint-xs {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.form-buttons-vertical-breakpoint-sm {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (min-width: 768px) and (max-width: 1179px) {
	.form-buttons-vertical-breakpoint-md {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (min-width: 1180px) and (max-width: 1399px) {
	.form-buttons-vertical-breakpoint-lg {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (min-width: 1400px) {
	.form-buttons-vertical-breakpoint-xl {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

.form-text {
	padding-top: 8px;
	padding-bottom: 10px;
}
.form-text p {
	margin-bottom: 0;
}

.form-field-toggle {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.form-field-toggle > * + * {
	margin-left: 10px;
}

/* ------------------------------ COMPONENTS: Form - Search ------------------------------ */
.search-form {
	margin-top: 24px;
}
@media (min-width: 1181px) {
	.search-form {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

.search-fields .form-control,
.search-fields .msos-input-container,
.search-fields div.msos-container,
.search-fields input[type="date"] {
	border-color: #858585 !important;
}
@media (min-width: 769px) {
	.search-fields {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: flex-end;
		-ms-flex-align: flex-end;
		align-items: flex-end;
		margin: 0 -10px;
	}
	.search-fields > div {
		margin: 0 10px;
		width: calc(33.3333333333% - 20px);
	}
	.search-fields > div.span-2-md {
		width: calc(66.6666666667% - 20px);
	}
	.search-fields > div.span-3-md {
		width: calc(100% - 20px);
	}
}
@media (min-width: 1181px) {
	.search-fields {
		padding-right: 30px;
		width: 100%;
	}
	.search-fields > div {
		width: calc(20% - 20px);
	}
	.search-fields > div.span-2-lg {
		width: calc(40% - 20px);
	}
	.search-fields > div.span-3-lg {
		width: calc(60% - 20px);
	}
	.search-fields > div.span-4-lg {
		width: calc(80% - 20px);
	}
	.search-fields > div.span-5-lg {
		width: calc(100% - 20px);
	}
}

.search-buttons {
	padding-top: 12px;
}
.search-buttons > div {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.search-buttons .btn + .btn {
	margin-top: 12px;
}
@media (min-width: 769px) {
	.search-buttons > div {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.search-buttons .btn {
		min-width: 200px;
	}
	.search-buttons .btn + .btn {
		margin-top: 0;
		margin-left: 20px;
	}
}
@media (min-width: 1181px) {
	.search-buttons {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: flex-end;
		-ms-flex-align: flex-end;
		align-items: flex-end;
		min-width: 291px;
		padding: 31px 0 20px 30px;
		border-left: 1px solid var(--border-color-default);
	}
	.search-buttons .btn {
		min-width: 120px;
	}
}
@media (min-width: 1401px) {
	.search-buttons .btn {
		min-width: 120px;
	}
}

/* ------------------------------ COMPONENTS: Form Field - Fieldset ------------------------------ */
fieldset {
	margin: 0;
	padding: 0;
	min-width: 0;
	border: 0;
}

/* ------------------------------ COMPONENTS: Form Field - Required Mark ------------------------------ */
/* ------------------------------ COMPONENTS: Form Field - Legend ------------------------------ */
legend {
	margin-bottom: 20px;
	font-size: 28px;
	display: block;
	width: 100%;
	padding: 0;
	line-height: inherit;
	color: var(--text-color-default);
	border: 0;
}
@media (min-width: 769px) {
	legend {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	legend {
		margin-bottom: 30px;
	}
}
legend p {
	font-size: initial;
}
legend > *:last-child {
	margin-bottom: 0;
}
legend.legend--heading {
	padding: 0;
	border: none;
}
legend.legend--heading {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h3-color);
}
legend.legend--no-border {
	border-bottom: none;
}

.section-header {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.section-header {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.section-header {
		margin-bottom: 30px;
	}
}
@media (min-width: 768px) {
	.section-header {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.section-header .section-buttons {
		margin-left: auto;
	}
}
.section-header legend {
	width: auto;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	border-bottom: none;
}
.section-header legend.section-title {
	margin-bottom: 0 !important;
	padding-bottom: 0;
	border-bottom: none;
}
.section-header .section-total {
	font-size: 18px;
}
.section-header .section-total .number {
	font-weight: 700;
}
@media (max-width: 767px) {
	.section-header .section-buttons {
		margin-top: 20px;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}
@media (max-width: 767px) and (min-width: 769px) {
	.section-header .section-buttons {
		margin-top: 30px;
	}
}
@media (max-width: 767px) and (min-width: 1181px) {
	.section-header .section-buttons {
		margin-top: 30px;
	}
}
.section-header.section-required h2::before,
.section-header.section-required h3::before {
	display: none;
}
.section-header.section-required h2::after,
.section-header.section-required h3::after {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-left: 5px;
}
.section-header.section-required h2::after,
.section-header.section-required h3::after {
	bottom: 7px;
}
.section-header ~ p + table,
.section-header ~ p + .table-scroll-wrapper {
	margin-top: 20px;
}
@media (min-width: 769px) {
	.section-header ~ p + table,
	.section-header ~ p + .table-scroll-wrapper {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.section-header ~ p + table,
	.section-header ~ p + .table-scroll-wrapper {
		margin-top: 30px;
	}
}
.section-title-container {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.section-title-container > * {
	margin-right: 10px;
}

.section-description {
	font-size: 16px;
	line-height: 1.5;
}

/* ------------------------------ COMPONENTS: Form Field - Label ------------------------------ */
label,
.control-label,
.field-label {
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 7px;
	max-width: 100%;
}
label.block,
.control-label.block,
.field-label.block {
	display: block;
}
label.no-wrap,
.control-label.no-wrap,
.field-label.no-wrap {
	white-space: nowrap;
}
label.required::before,
.control-label.required::before,
.field-label.required::before {
	display: none;
}
label.required::after,
.control-label.required::after,
.field-label.required::after,
.control-label.rich-label.required .override-rich-text > *:last-child::after {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-left: 5px;
}
label.required.required-mark-on-left::before,
.control-label.required.required-mark-on-left::before,
.field-label.required.required-mark-on-left::before {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-right: 5px;
}
label.required.required-mark-on-left::after,
.control-label.required.required-mark-on-left::after,
.field-label.required.required-mark-on-left::after {
	display: none;
}
label.required.required-mark-on-right::before,
.control-label.required.required-mark-on-right::before,
.field-label.required.required-mark-on-right::before {
	display: none;
}
label.required.required-mark-on-right::after,
.control-label.required.required-mark-on-right::after,
.field-label.required.required-mark-on-right::after {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-left: 5px;
}
.form-group-sm label,
.form-group-sm .control-label,
.form-group-sm .field-label {
	font-size: 14px !important;
}
.form-group-lg label,
.form-group-lg .control-label,
.form-group-lg .field-label {
	font-size: 18px !important;
}

label.required.control-label {
	word-break: normal;
}

/* ------------------------------ COMPONENTS: Form Field - Rich Label ------------------------------ */
/* Authored rich text naming a control via aria-labelledby. Each rule outranks an !important in .override-rich-text *. */
.control-label.rich-label .override-rich-text > * + * {
	margin-top: 10px !important;
}
.has-error .control-label.rich-label .override-rich-text * {
	color: var(--text-color-danger) !important;
}
/* The asterisk moves to the last block, otherwise it lands on a line of its own beneath it */
.control-label.rich-label.required::after {
	content: none;
}

@media (min-width: 768px) {
	.form-inline .control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-horizontal .control-label {
		padding-top: 8px;
		margin-bottom: 0;
		text-align: right;
	}
	.form-horizontal .form-group-sm .control-label {
		padding-top: 5px;
	}
	.form-horizontal .form-group-lg .control-label {
		padding-top: 10px;
	}
}
.control-label.required-legend {
	margin-bottom: 20px;
	display: block;
	font-weight: 400;
}
.control-label.required-legend::before {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-right: 5px;
}
.control-label.required-legend::after {
	display: none;
}

.crmEntityFormView .cell .field-label {
	display: inline-block;
}
html[dir="ltr"] .crmEntityFormView .cell .field-label {
	float: none;
}

html[dir="rtl"] .crmEntityFormView .cell .field-label {
	float: none;
}

/* ------------------------------ COMPONENTS: Form Field - Information Text ------------------------------ */
.help-block,
.crmEntityFormView div.description {
	margin: 0;
	font-size: 14px;
	color: var(--text-color-accent);
	display: block;
}

.help-block + label,
.help-block + .control-label,
.help-block + .field-label {
	margin-top: 12px;
}
label + .help-block,
.control-label + .help-block,
.field-label + .help-block {
	margin-top: -2px;
	margin-bottom: 10px;
}
* + .help-block {
	margin-top: 5px;
}

.crmEntityFormView div.description {
	margin-bottom: 12px;
}
.crmEntityFormView div.description.above {
	margin-top: -2px;
	margin-bottom: 10px;
	clear: both;
}
.crmEntityFormView div.description.below {
	margin: 5px 0 0;
}
html[dir="ltr"] .crmEntityFormView div.description.right {
	float: right;
}

html[dir="rtl"] .crmEntityFormView div.description.right {
	float: left;
}

/* ------------------------------ COMPONENTS: Form Field - Static Value ------------------------------ */
.form-control-static {
	min-height: 42px;
	padding: 8px 15px 10px;
	margin-bottom: 0;
}
.form-group-sm .form-control-static {
	min-height: 33px;
	padding: 5px 10px 7px;
	font-size: 14px;
	line-height: 1.5;
}
.form-group-lg .form-control-static {
	min-height: 49px;
	padding: 10px 20px 12px;
	font-size: 18px;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.form-inline .form-control-static {
		display: inline-block;
	}
}

/* ------------------------------ COMPONENTS: Form Field - Textarea and Select ------------------------------ */
.field-label[readonly] {
	pointer-events: none;
}

.form-control,
.msos-input-container,
div.msos-container {
	-webkit-transition:
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		border-color 0.1s,
		box-shadow 0.1s;
	display: block;
	width: 100%;
	height: 42px;
	padding: 7px 15px 9px;
	font-size: 16px;
	color: var(--text-color-default);
	line-height: 1.5;
	border-radius: 4px;
	border-width: 1px !important;
	border-style: solid;
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control::-moz-placeholder,
.msos-input-container::-moz-placeholder,
div.msos-container::-moz-placeholder,
.form-control:-ms-input-placeholder,
.msos-input-container:-ms-input-placeholder,
div.msos-container:-ms-input-placeholder,
.form-control::-webkit-input-placeholder,
.msos-input-container::-webkit-input-placeholder,
div.msos-container::-webkit-input-placeholder,
.form-control::placeholder,
.msos-input-container::placeholder,
div.msos-container::placeholder {
	color: var(--gray-700);
	font-style: italic;
}
.form-control::-moz-placeholder,
.msos-input-container::-moz-placeholder,
div.msos-container::-moz-placeholder {
	opacity: 1;
}
.form-control::-ms-expand,
.msos-input-container::-ms-expand,
div.msos-container::-ms-expand {
	background-color: transparent;
	border: 0;
}
.form-control.disabled,
.disabled.msos-input-container,
div.disabled.msos-container,
.form-control.disabled:hover,
.form-control.disabled:active,
.form-control.disabled:focus,
.form-control:disabled,
.msos-input-container:disabled,
div.msos-container:disabled,
.form-control:disabled:hover,
.form-control:disabled:active,
.form-control:disabled:focus,
.form-control[disabled],
[disabled].msos-input-container,
div[disabled].msos-container,
.form-control[disabled]:hover,
.form-control[disabled]:active,
.form-control[disabled]:focus,
fieldset:disabled .form-control,
fieldset:disabled .msos-input-container,
fieldset:disabled div.msos-container,
fieldset:disabled .form-control:hover,
fieldset:disabled .form-control:active,
fieldset:disabled .form-control:focus,
fieldset[disabled] .form-control,
fieldset[disabled] .msos-input-container,
fieldset[disabled] div.msos-container,
fieldset[disabled] .form-control:hover,
fieldset[disabled] .form-control:active,
fieldset[disabled] .form-control:focus {
	border-color: var(--border-color-on-primary-transparent-disabled) !important;
	background-color: var(--bg-disabled);
	color: var(--text-color-default);
	box-shadow: none !important;
	opacity: 1;
	cursor: not-allowed;
}
.form-control[readonly]:not(.lookup):not(.disabled),
[readonly].msos-input-container:not(.lookup):not(.disabled),
div[readonly].msos-container:not(.lookup):not(.disabled),
.form-control[readonly]:not(.lookup):not(.disabled):hover,
.form-control[readonly]:not(.lookup):not(.disabled):active,
.form-control[readonly]:not(.lookup):not(.disabled):focus {
	outline-offset: 0;
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	border: none !important;
	background: none;
	font-weight: 400 !important;
	color: var(--text-color-default);
	box-shadow: none !important;
	cursor: auto;
	pointer-events: none;
}
.form-control[readonly]:not(.lookup):not(.disabled):focus,
[readonly].msos-input-container:not(.lookup):not(.disabled):focus,
div[readonly].msos-container:not(.lookup):not(.disabled):focus,
.form-control[readonly]:not(.lookup):not(.disabled):hover:focus,
.form-control[readonly]:not(.lookup):not(.disabled):active:focus,
.form-control[readonly]:not(.lookup):not(.disabled):focus:focus {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
.form-control[readonly]:not(.lookup):not(.disabled):focus:not(:focus-visible),
[readonly].msos-input-container:not(.lookup):not(.disabled):focus:not(:focus-visible),
div[readonly].msos-container:not(.lookup):not(.disabled):focus:not(:focus-visible),
.form-control[readonly]:not(.lookup):not(.disabled):hover:focus:not(:focus-visible),
.form-control[readonly]:not(.lookup):not(.disabled):active:focus:not(:focus-visible),
.form-control[readonly]:not(.lookup):not(.disabled):focus:focus:not(:focus-visible) {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: transparent !important;
}
.form-control[readonly]:not(.lookup):not(.disabled):focus-visible,
[readonly].msos-input-container:not(.lookup):not(.disabled):focus-visible,
div[readonly].msos-container:not(.lookup):not(.disabled):focus-visible,
.form-control[readonly]:not(.lookup):not(.disabled):hover:focus-visible,
.form-control[readonly]:not(.lookup):not(.disabled):active:focus-visible,
.form-control[readonly]:not(.lookup):not(.disabled):focus:focus-visible {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
.form-readonly .form-control.lookup,
.form-readonly .lookup.msos-input-container,
.form-readonly div.lookup.msos-container,
.form-readonly .form-control.lookup:hover,
.form-readonly .form-control.lookup:active,
.form-readonly .form-control.lookup:focus {
	outline-offset: 0;
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	border: none !important;
	background: none;
	font-weight: 400 !important;
	color: var(--text-color-default);
	box-shadow: none !important;
	cursor: auto;
	pointer-events: none;
}
.form-readonly .form-control.lookup:focus,
.form-readonly .lookup.msos-input-container:focus,
.form-readonly div.lookup.msos-container:focus,
.form-readonly .form-control.lookup:hover:focus,
.form-readonly .form-control.lookup:active:focus,
.form-readonly .form-control.lookup:focus:focus {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
.form-readonly .form-control.lookup:focus:not(:focus-visible),
.form-readonly .lookup.msos-input-container:focus:not(:focus-visible),
.form-readonly div.lookup.msos-container:focus:not(:focus-visible),
.form-readonly .form-control.lookup:hover:focus:not(:focus-visible),
.form-readonly .form-control.lookup:active:focus:not(:focus-visible),
.form-readonly .form-control.lookup:focus:focus:not(:focus-visible) {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: transparent !important;
}
.form-readonly .form-control.lookup:focus-visible,
.form-readonly .lookup.msos-input-container:focus-visible,
.form-readonly div.lookup.msos-container:focus-visible,
.form-readonly .form-control.lookup:hover:focus-visible,
.form-readonly .form-control.lookup:active:focus-visible,
.form-readonly .form-control.lookup:focus:focus-visible {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
span[readonly="readonly"] .form-control,
span[readonly="readonly"] .msos-input-container,
span[readonly="readonly"] div.msos-container,
span[readonly="readonly"] .form-control:hover,
span[readonly="readonly"] .form-control:active,
span[readonly="readonly"] .form-control:focus {
	outline-offset: 0;
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	border: none !important;
	background: none;
	font-weight: 400 !important;
	color: var(--text-color-default);
	box-shadow: none !important;
	cursor: auto;
	pointer-events: none;
}
span[readonly="readonly"] .form-control:focus,
span[readonly="readonly"] .msos-input-container:focus,
span[readonly="readonly"] div.msos-container:focus,
span[readonly="readonly"] .form-control:hover:focus,
span[readonly="readonly"] .form-control:active:focus,
span[readonly="readonly"] .form-control:focus:focus {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
span[readonly="readonly"] .form-control:focus:not(:focus-visible),
span[readonly="readonly"] .msos-input-container:focus:not(:focus-visible),
span[readonly="readonly"] div.msos-container:focus:not(:focus-visible),
span[readonly="readonly"] .form-control:hover:focus:not(:focus-visible),
span[readonly="readonly"] .form-control:active:focus:not(:focus-visible),
span[readonly="readonly"] .form-control:focus:focus:not(:focus-visible) {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: transparent !important;
}
span[readonly="readonly"] .form-control:focus-visible,
span[readonly="readonly"] .msos-input-container:focus-visible,
span[readonly="readonly"] div.msos-container:focus-visible,
span[readonly="readonly"] .form-control:hover:focus-visible,
span[readonly="readonly"] .form-control:active:focus-visible,
span[readonly="readonly"] .form-control:focus:focus-visible {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
textarea.form-control,
textarea.msos-input-container {
	height: auto;
}

.form-control.lookup[readonly],
.lookup[readonly].msos-input-container,
div.lookup[readonly].msos-container {
	background-color: transparent;
}
.form-control.lookup[readonly] ~ .text-muted,
.lookup[readonly].msos-input-container ~ .text-muted,
div.lookup[readonly].msos-container ~ .text-muted {
	display: none;
}
.form-readonly .form-control.lookup[readonly] ~ .text-muted,
.form-readonly .lookup[readonly].msos-input-container ~ .text-muted,
.form-readonly div.lookup[readonly].msos-container ~ .text-muted {
	display: block;
}

@media (min-width: 768px) {
	.form-inline .form-control,
	.form-inline .msos-input-container,
	.form-inline div.msos-container {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
}

.form-control-link {
	display: inline-block;
	padding-bottom: 10px;
}

.help-block,
.crmEntityFormView div.description {
	color: var(--text-color-accent);
}

.control-label,
.field-label,
.radio,
.checkbox,
.radio-inline,
.checkbox-inline,
.radio label,
.checkbox label,
.radio-inline label,
.checkbox-inline label {
	color: var(--text-color-default);
}

.form-control,
.msos-input-container,
div.msos-container,
input[type="date"] {
	outline-offset: 0;
	border-color: var(--border-color-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus,
.msos-input-container:focus,
div.msos-container:focus,
input[type="date"]:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.form-control:focus:not(:focus-visible),
.msos-input-container:focus:not(:focus-visible),
div.msos-container:focus:not(:focus-visible),
input[type="date"]:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.form-control:focus-visible,
.msos-input-container:focus-visible,
div.msos-container:focus-visible,
input[type="date"]:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.form-control:hover,
.msos-input-container:hover,
div.msos-container:hover,
input[type="date"]:hover {
	border-color: var(--border-color-on-primary-transparent-hover) !important;
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-hover) !important;
}
.form-control:focus,
.msos-input-container:focus,
div.msos-container:focus,
input[type="date"]:focus {
	border-color: var(--border-color-on-primary-transparent-focus) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-focus) !important;
}

.input-group-addon {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default) !important;
}

.form-control-feedback {
	color: var(--text-color-default);
}

.has-error .help-block,
.crmEntityFormView .has-error div.description {
	color: var(--text-color-danger);
}

.has-error .control-label,
.has-error .field-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: var(--text-color-danger);
}

.has-error .form-control,
.has-error .msos-input-container,
.has-error div.msos-container,
.has-error input[type="date"] {
	outline-offset: 0;
	border-color: var(--border-color-on-danger-transparent-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .form-control:focus,
.has-error .msos-input-container:focus,
.has-error div.msos-container:focus,
.has-error input[type="date"]:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-error .form-control:focus:not(:focus-visible),
.has-error .msos-input-container:focus:not(:focus-visible),
.has-error div.msos-container:focus:not(:focus-visible),
.has-error input[type="date"]:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-error .form-control:focus-visible,
.has-error .msos-input-container:focus-visible,
.has-error div.msos-container:focus-visible,
.has-error input[type="date"]:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-error .form-control:hover,
.has-error .msos-input-container:hover,
.has-error div.msos-container:hover,
.has-error input[type="date"]:hover {
	border-color: var(--border-color-on-danger-transparent-default) !important;
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default) !important;
}
.has-error .form-control:focus,
.has-error .msos-input-container:focus,
.has-error div.msos-container:focus,
.has-error input[type="date"]:focus {
	border-color: var(--border-color-on-danger-transparent-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default) !important;
}

.has-error .input-group-addon {
	color: var(--text-color-danger);
	background-color: var(--red-100);
	border-color: var(--border-color-on-danger-transparent-default) !important;
}

.has-error .form-control-feedback {
	color: var(--text-color-danger);
}

.has-success .help-block,
.crmEntityFormView .has-success div.description {
	color: var(--text-color-success);
}

.has-success .control-label,
.has-success .field-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
	color: var(--text-color-success);
}

.has-success .form-control,
.has-success .msos-input-container,
.has-success div.msos-container,
.has-success input[type="date"] {
	outline-offset: 0;
	border-color: var(--border-color-on-success-transparent-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .form-control:focus,
.has-success .msos-input-container:focus,
.has-success div.msos-container:focus,
.has-success input[type="date"]:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-success .form-control:focus:not(:focus-visible),
.has-success .msos-input-container:focus:not(:focus-visible),
.has-success div.msos-container:focus:not(:focus-visible),
.has-success input[type="date"]:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-success .form-control:focus-visible,
.has-success .msos-input-container:focus-visible,
.has-success div.msos-container:focus-visible,
.has-success input[type="date"]:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-success .form-control:hover,
.has-success .msos-input-container:hover,
.has-success div.msos-container:hover,
.has-success input[type="date"]:hover {
	border-color: var(--border-color-on-success-transparent-default) !important;
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-success-transparent-default) !important;
}
.has-success .form-control:focus,
.has-success .msos-input-container:focus,
.has-success div.msos-container:focus,
.has-success input[type="date"]:focus {
	border-color: var(--border-color-on-success-transparent-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: inset 0 0 0 1px var(--border-color-on-success-transparent-default) !important;
}

.has-success .input-group-addon {
	color: var(--text-color-success);
	background-color: var(--green-100);
	border-color: var(--border-color-on-success-transparent-default) !important;
}

.has-success .form-control-feedback {
	color: var(--text-color-success);
}

.has-warning .help-block,
.crmEntityFormView .has-warning div.description {
	color: var(--text-color-warning);
}

.has-warning .control-label,
.has-warning .field-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
	color: var(--text-color-warning);
}

.has-warning .form-control,
.has-warning .msos-input-container,
.has-warning div.msos-container,
.has-warning input[type="date"] {
	outline-offset: 0;
	border-color: var(--border-color-on-warning-transparent-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .form-control:focus,
.has-warning .msos-input-container:focus,
.has-warning div.msos-container:focus,
.has-warning input[type="date"]:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-warning .form-control:focus:not(:focus-visible),
.has-warning .msos-input-container:focus:not(:focus-visible),
.has-warning div.msos-container:focus:not(:focus-visible),
.has-warning input[type="date"]:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-warning .form-control:focus-visible,
.has-warning .msos-input-container:focus-visible,
.has-warning div.msos-container:focus-visible,
.has-warning input[type="date"]:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-warning .form-control:hover,
.has-warning .msos-input-container:hover,
.has-warning div.msos-container:hover,
.has-warning input[type="date"]:hover {
	border-color: var(--border-color-on-warning-transparent-default) !important;
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-warning-transparent-default) !important;
}
.has-warning .form-control:focus,
.has-warning .msos-input-container:focus,
.has-warning div.msos-container:focus,
.has-warning input[type="date"]:focus {
	border-color: var(--border-color-on-warning-transparent-default) !important;
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: inset 0 0 0 1px var(--border-color-on-warning-transparent-default) !important;
}

.has-warning .input-group-addon {
	color: var(--text-color-warning);
	background-color: var(--yellow-100);
	border-color: var(--border-color-on-warning-transparent-default) !important;
}

.has-warning .form-control-feedback {
	color: var(--text-color-warning);
}

.input-sm,
.form-group-sm .form-control,
.form-group-sm .msos-input-container,
.form-group-sm div.msos-container {
	height: 33px;
	padding: 4px 10px 6px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 2px;
}

select.input-sm,
.form-group-sm select.form-control,
.form-group-sm select.msos-input-container {
	height: 33px;
	line-height: 1.5;
}

.input-lg,
.form-group-lg .form-control,
.form-group-lg .msos-input-container,
.form-group-lg div.msos-container {
	height: 49px;
	padding: 9px 20px 11px;
	font-size: 18px;
	line-height: 1.5;
	border-radius: 8px;
}

select.input-lg,
.form-group-lg select.form-control,
.form-group-lg select.msos-input-container {
	height: 49px;
	line-height: 1.5;
}

textarea.input-sm,
textarea.input-lg,
select[multiple].input-sm,
select[multiple].input-lg,
.form-group-sm textarea.form-control,
.form-group-sm textarea.msos-input-container,
.form-group-lg textarea.form-control,
.form-group-lg textarea.msos-input-container,
.form-group-sm select[multiple].form-control,
.form-group-sm select[multiple].msos-input-container,
.form-group-lg select[multiple].form-control,
.form-group-lg select[multiple].msos-input-container {
	height: auto;
}

/* ------------------------------ COMPONENTS: Form Field - Input ------------------------------ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[type="date"].form-control,
	input[type="date"].msos-input-container,
	input[type="time"].form-control,
	input[type="time"].msos-input-container,
	input[type="datetime-local"].form-control,
	input[type="datetime-local"].msos-input-container,
	input[type="month"].form-control,
	input[type="month"].msos-input-container {
		line-height: 1.5;
	}
}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

input[type="file"] {
	display: block;
}

input[type="file"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input[type="range"] {
	display: block;
	width: 100%;
}

input[type="password"] {
	font-family: Arial, sans-serif;
}

input.form-control::placeholder,
input.msos-input-container::placeholder {
	color: var(--gray-700);
	font-style: italic;
}

.no-arrows {
	-moz-appearance: textfield;
	appearance: textfield;
}
.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator {
	color: transparent;
	background: none;
	z-index: 1;
}
input[type="date"]:before,
input[type="time"]:before,
input[type="datetime-local"]:before,
input[type="month"]:before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e109";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	font-size: 16px !important;
	color: var(--text-color-on-primary-transparent-default);
	display: flex;
	justify-content: center;
	align-items: center;
}
input[type="date"][readonly]:before,
input[type="time"][readonly]:before,
input[type="datetime-local"][readonly]:before,
input[type="month"][readonly]:before {
	display: none;
}

/* ------------------------------ COMPONENTS: Form Field - Feedback Icon ------------------------------ */
.has-feedback {
	position: relative;
}

.has-feedback .form-control,
.has-feedback .msos-input-container,
.has-feedback div.msos-container {
	padding-right: 46px;
}

.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	pointer-events: none;
	z-index: 2;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback,
.form-group-lg .msos-input-container + .form-control-feedback,
.form-group-lg div.msos-container + .form-control-feedback {
	width: 49px;
	height: 49px;
	line-height: 49px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback,
.form-group-sm .msos-input-container + .form-control-feedback,
.form-group-sm div.msos-container + .form-control-feedback {
	width: 33px;
	height: 33px;
	line-height: 33px;
}

.has-feedback label ~ .form-control-feedback {
	top: 31px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
	top: 0;
}

@media (min-width: 768px) {
	.form-inline .has-feedback .form-control-feedback {
		top: 0;
	}
}

.form-horizontal .has-feedback .form-control-feedback {
	right: 20px;
}

/* ------------------------------ COMPONENTS: Form Field - Datepicker ------------------------------ */
.bootstrap-datetimepicker-widget.dropdown-menu {
	width: auto !important;
}

/* ------------------------------ COMPONENTS: Form Field - Textarea ------------------------------ */
textarea {
	resize: none !important;
}
textarea.resize-both {
	resize: both;
}
textarea.resize-horizontal {
	resize: horizontal;
}
textarea.resize-vertical {
	resize: vertical;
}

/* ------------------------------ COMPONENTS: Form Field - Select ------------------------------ */
select[multiple],
select[size] {
	height: auto;
}

select.form-control,
select.msos-input-container {
	padding-right: 33px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
select.form-control + span.ui,
select.msos-input-container + span.ui {
	position: relative;
	display: block;
	height: 0;
	pointer-events: none;
}
select.form-control + span.ui::after,
select.msos-input-container + span.ui::after {
	display: inline-block;
	width: 42px;
	height: 42px;
	content: "";
	position: absolute;
	top: -42px;
	right: 0;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-family: "Glyphicons Halflings";
	color: var(--text-color-on-primary-transparent-default);
	content: "\e259";
}
select.form-control:disabled + span.ui::after,
select.msos-input-container:disabled + span.ui::after {
	color: var(--text-color-disabled);
}
select.form-control.input-sm + span.ui::after,
select.input-sm.msos-input-container + span.ui::after {
	width: 33px;
	height: 33px;
	top: -33px;
	font-size: 14px;
}
select.form-control.input-lg + span.ui::after,
select.input-lg.msos-input-container + span.ui::after {
	width: 49px;
	height: 49px;
	top: -49px;
	font-size: 18px;
}
select.form-control[style*="display: none"] + span.ui,
select[style*="display: none"].msos-input-container + span.ui,
select.form-control[style*="display:none"] + span.ui,
select[style*="display:none"].msos-input-container + span.ui {
	display: none;
}
.input-group select.form-control + span.ui::after,
.input-group select.msos-input-container + span.ui::after {
	top: 0;
	z-index: 9;
}

.form-readonly select.form-control + span.ui,
.form-readonly select.msos-input-container + span.ui,
select:disabled + span.ui {
	display: none;
}

select.form-control:not(:focus):has(.placeholder:checked),
select.msos-input-container:not(:focus):has(.placeholder:checked),
select.form-control:not(:focus):has(:checked[value="placeholder"]),
select.msos-input-container:not(:focus):has(:checked[value="placeholder"]) {
	color: var(--gray-700);
	font-style: italic;
}
select.form-control::-ms-expand,
select.msos-input-container::-ms-expand {
	display: none;
}
select.form-control::-ms-value,
select.msos-input-container::-ms-value {
	background: transparent;
	color: var(--text-color-default);
}
select.form-control:focus:-moz-focusring,
select.msos-input-container:focus:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 var(--text-color-default);
}

/* ------------------------------ COMPONENTS: Form Field - Output ------------------------------ */
output {
	display: block;
	padding-top: 12px;
	font-size: 16px;
	line-height: 1.5;
	color: var(--text-color-default);
}

/* ------------------------------ COMPONENTS: Form Field - Radio Button and Checkbox ------------------------------ */
input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin: 0;
	line-height: normal;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled,
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset:disabled input[type="radio"],
fieldset:disabled input[type="checkbox"],
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label,
fieldset:disabled .radio label,
fieldset:disabled .checkbox label,
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline,
fieldset:disabled .radio-inline,
fieldset:disabled .checkbox-inline {
	cursor: not-allowed;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: none;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-left: -20px;
}

.radio,
.checkbox {
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
}
td > .radio,
td > .checkbox {
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
}
td > .radio label,
td > .checkbox label {
	padding-left: 0;
}

.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
	position: relative;
}
.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
	margin-bottom: 0;
	min-height: 24px;
	min-width: 24px;
	padding-left: 34px;
	font-weight: 400;
	cursor: pointer;
}
.radio + .radio,
.radio + .checkbox,
.radio-inline + .radio,
.radio-inline + .checkbox,
.checkbox + .radio,
.checkbox + .checkbox,
.checkbox-inline + .radio,
.checkbox-inline + .checkbox {
	margin-top: 0;
}

.radio-inline,
.checkbox-inline {
	display: inline-block;
	padding-left: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0;
	vertical-align: middle;
}
.radio-inline + .radio-inline,
.radio-inline + .checkbox-inline,
.checkbox-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 20px;
}

@media (min-width: 768px) {
	.form-inline .radio,
	.form-inline .checkbox {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-inline .radio label,
	.form-inline .checkbox label {
		padding-left: 0;
	}
	.form-inline .radio input[type="radio"],
	.form-inline .checkbox input[type="checkbox"] {
		position: relative;
		margin-left: 0;
	}
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
	min-height: 33px;
}

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}
.radio label input,
.radio-inline label input,
.checkbox label input,
.checkbox-inline label input {
	float: left;
	margin: 0;
	opacity: 0;
	width: 0;
	height: 0;
}
.radio label input:disabled ~ span.ui::before,
.radio-inline label input:disabled ~ span.ui::before,
.checkbox label input:disabled ~ span.ui::before,
.checkbox-inline label input:disabled ~ span.ui::before {
	display: inline-block;
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	cursor: not-allowed;
}
.radio label span.ui,
.radio-inline label span.ui,
.checkbox label span.ui,
.checkbox-inline label span.ui {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
.radio label input:disabled ~ span.ui,
.radio label input[readonly] ~ span.ui,
.radio label:hover input:disabled ~ span.ui,
.radio label:hover input[readonly] ~ span.ui,
.radio label:active input:disabled ~ span.ui,
.radio label:active input[readonly] ~ span.ui,
.radio label:focus input:disabled ~ span.ui,
.radio label:focus input[readonly] ~ span.ui,
.radio-inline label input:disabled ~ span.ui,
.radio-inline label input[readonly] ~ span.ui,
.radio-inline label:hover input:disabled ~ span.ui,
.radio-inline label:hover input[readonly] ~ span.ui,
.radio-inline label:active input:disabled ~ span.ui,
.radio-inline label:active input[readonly] ~ span.ui,
.radio-inline label:focus input:disabled ~ span.ui,
.radio-inline label:focus input[readonly] ~ span.ui,
.checkbox label input:disabled ~ span.ui,
.checkbox label input[readonly] ~ span.ui,
.checkbox label:hover input:disabled ~ span.ui,
.checkbox label:hover input[readonly] ~ span.ui,
.checkbox label:active input:disabled ~ span.ui,
.checkbox label:active input[readonly] ~ span.ui,
.checkbox label:focus input:disabled ~ span.ui,
.checkbox label:focus input[readonly] ~ span.ui,
.checkbox-inline label input:disabled ~ span.ui,
.checkbox-inline label input[readonly] ~ span.ui,
.checkbox-inline label:hover input:disabled ~ span.ui,
.checkbox-inline label:hover input[readonly] ~ span.ui,
.checkbox-inline label:active input:disabled ~ span.ui,
.checkbox-inline label:active input[readonly] ~ span.ui,
.checkbox-inline label:focus input:disabled ~ span.ui,
.checkbox-inline label:focus input[readonly] ~ span.ui {
	border-color: var(--border-color-on-primary-transparent-disabled);
	background: var(--bg-disabled);
	box-shadow: none;
}
.radio label input:disabled:checked ~ span.ui,
.radio label input[readonly]:checked ~ span.ui,
.radio label:hover input:disabled:checked ~ span.ui,
.radio label:hover input[readonly]:checked ~ span.ui,
.radio label:active input:disabled:checked ~ span.ui,
.radio label:active input[readonly]:checked ~ span.ui,
.radio label:focus input:disabled:checked ~ span.ui,
.radio label:focus input[readonly]:checked ~ span.ui,
.radio-inline label input:disabled:checked ~ span.ui,
.radio-inline label input[readonly]:checked ~ span.ui,
.radio-inline label:hover input:disabled:checked ~ span.ui,
.radio-inline label:hover input[readonly]:checked ~ span.ui,
.radio-inline label:active input:disabled:checked ~ span.ui,
.radio-inline label:active input[readonly]:checked ~ span.ui,
.radio-inline label:focus input:disabled:checked ~ span.ui,
.radio-inline label:focus input[readonly]:checked ~ span.ui,
.checkbox label input:disabled:checked ~ span.ui,
.checkbox label input[readonly]:checked ~ span.ui,
.checkbox label:hover input:disabled:checked ~ span.ui,
.checkbox label:hover input[readonly]:checked ~ span.ui,
.checkbox label:active input:disabled:checked ~ span.ui,
.checkbox label:active input[readonly]:checked ~ span.ui,
.checkbox label:focus input:disabled:checked ~ span.ui,
.checkbox label:focus input[readonly]:checked ~ span.ui,
.checkbox-inline label input:disabled:checked ~ span.ui,
.checkbox-inline label input[readonly]:checked ~ span.ui,
.checkbox-inline label:hover input:disabled:checked ~ span.ui,
.checkbox-inline label:hover input[readonly]:checked ~ span.ui,
.checkbox-inline label:active input:disabled:checked ~ span.ui,
.checkbox-inline label:active input[readonly]:checked ~ span.ui,
.checkbox-inline label:focus input:disabled:checked ~ span.ui,
.checkbox-inline label:focus input[readonly]:checked ~ span.ui {
	border-color: var(--gray-400) !important;
	background: var(--gray-400) !important;
}

.boolean-radio-control {
	position: relative;
	display: inline-flex;
	flex-direction: row-reverse;
}
.boolean-radio-control input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.boolean-radio-control .boolean-radio input + label span.ui {
	display: none;
}
.boolean-radio-control input:checked + label {
	z-index: 0;
}
.boolean-radio-control input:not(:checked) + label {
	z-index: 1;
}
.boolean-radio-control input:focus-visible + label:before {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-primary-transparent-focus);
	outline-offset: 2px;
}
.boolean-radio-control input + label:before {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
}
.boolean-radio-control input:last-of-type:checked + label:before {
	background-color: var(--bg-primary);
}
.boolean-radio-control input:last-of-type:checked + label:after {
	display: inline-block;
	content: "";
	content: "\e013";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	font-family: "Glyphicons Halflings";
	font-size: 16px;
	color: var(--white);
	text-align: center;
}
.boolean-radio-control .control {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.boolean-radio-control .control:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	content: "";
	width: 24px;
	height: 24px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
}
.boolean-radio-control .info {
	padding-left: 34px;
}
.boolean-radio-control .info label {
	font-weight: 400 !important;
}
.boolean-radio-control .boolean-radio label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: transparent;
	margin-left: 0 !important;
}
.boolean-radio-control.boolean-radio-control-readonly .boolean-radio label:hover {
	cursor: not-allowed;
}
.boolean-radio-control.boolean-radio-control-readonly .control:before {
	border-color: var(--border-color-on-primary-transparent-disabled);
	background: var(--bg-disabled);
}
.boolean-radio-control.boolean-radio-control-readonly input:last-of-type:checked + label:before {
	border-color: var(--gray-400);
	background: var(--gray-400);
}
.boolean-radio-control:not(.boolean-radio-control-readonly) .control:hover:before {
	border: 1px solid var(--border-color-on-primary-transparent-focus);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-focus);
}
.boolean-radio-control:not(.boolean-radio-control-readonly) .control:hover input:last-of-type:checked + label:before {
	background-color: var(--bg-primary-hover);
}

.radio label span.ui,
.radio-inline label span.ui,
.checkbox label span.ui,
.checkbox-inline label span.ui {
	border-color: var(--border-color-default);
	background: var(--bg-default);
}
.radio label input,
.radio-inline label input,
.checkbox label input,
.checkbox-inline label input {
	outline-offset: 0;
}
.radio label input:focus + span,
.radio-inline label input:focus + span,
.checkbox label input:focus + span,
.checkbox-inline label input:focus + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.radio label input:focus:not(:focus-visible) + span,
.radio-inline label input:focus:not(:focus-visible) + span,
.checkbox label input:focus:not(:focus-visible) + span,
.checkbox-inline label input:focus:not(:focus-visible) + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.radio label input:focus-visible + span,
.radio-inline label input:focus-visible + span,
.checkbox label input:focus-visible + span,
.checkbox-inline label input:focus-visible + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.radio label input:checked ~ span.ui,
.radio-inline label input:checked ~ span.ui,
.checkbox label input:checked ~ span.ui,
.checkbox-inline label input:checked ~ span.ui {
	border-color: var(--bg-primary);
	background: var(--bg-primary);
	box-shadow: none;
}
.radio label:hover span.ui,
.radio-inline label:hover span.ui,
.checkbox label:hover span.ui,
.checkbox-inline label:hover span.ui {
	border-color: var(--border-color-on-primary-transparent-hover);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-hover);
}
.radio label:hover input:checked ~ span.ui,
.radio-inline label:hover input:checked ~ span.ui,
.checkbox label:hover input:checked ~ span.ui,
.checkbox-inline label:hover input:checked ~ span.ui {
	border-color: var(--bg-primary-hover);
	background: var(--bg-primary-hover);
}
.radio label:active span.ui,
.radio-inline label:active span.ui,
.checkbox label:active span.ui,
.checkbox-inline label:active span.ui {
	border-color: var(--border-color-on-primary-transparent-active);
	background-color: var(--bg-primary-transparent-hover);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-active);
}
.radio label:active input:checked ~ span.ui,
.radio-inline label:active input:checked ~ span.ui,
.checkbox label:active input:checked ~ span.ui,
.checkbox-inline label:active input:checked ~ span.ui {
	border-color: var(--bg-primary-active);
	background: var(--bg-primary-active);
}
.radio label:focus span.ui,
.radio-inline label:focus span.ui,
.checkbox label:focus span.ui,
.checkbox-inline label:focus span.ui {
	border-color: var(--border-color-on-primary-transparent-focus);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.radio label:focus input:checked ~ span.ui,
.radio-inline label:focus input:checked ~ span.ui,
.checkbox label:focus input:checked ~ span.ui,
.checkbox-inline label:focus input:checked ~ span.ui {
	border-color: var(--bg-primary-focus);
	background: var(--bg-primary-focus);
}

.has-error .radio label span.ui,
.has-error .radio-inline label span.ui,
.has-error .checkbox label span.ui,
.has-error .checkbox-inline label span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background: var(--bg-default);
}
.has-error .radio label input,
.has-error .radio-inline label input,
.has-error .checkbox label input,
.has-error .checkbox-inline label input {
	outline-offset: 0;
}
.has-error .radio label input:focus + span,
.has-error .radio-inline label input:focus + span,
.has-error .checkbox label input:focus + span,
.has-error .checkbox-inline label input:focus + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-error .radio label input:focus:not(:focus-visible) + span,
.has-error .radio-inline label input:focus:not(:focus-visible) + span,
.has-error .checkbox label input:focus:not(:focus-visible) + span,
.has-error .checkbox-inline label input:focus:not(:focus-visible) + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-error .radio label input:focus-visible + span,
.has-error .radio-inline label input:focus-visible + span,
.has-error .checkbox label input:focus-visible + span,
.has-error .checkbox-inline label input:focus-visible + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-error .radio label input:checked ~ span.ui,
.has-error .radio-inline label input:checked ~ span.ui,
.has-error .checkbox label input:checked ~ span.ui,
.has-error .checkbox-inline label input:checked ~ span.ui {
	border-color: var(--bg-danger-default);
	background: var(--bg-danger-default);
	box-shadow: none;
}
.has-error .radio label:hover span.ui,
.has-error .radio-inline label:hover span.ui,
.has-error .checkbox label:hover span.ui,
.has-error .checkbox-inline label:hover span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default);
}
.has-error .radio label:hover input:checked ~ span.ui,
.has-error .radio-inline label:hover input:checked ~ span.ui,
.has-error .checkbox label:hover input:checked ~ span.ui,
.has-error .checkbox-inline label:hover input:checked ~ span.ui {
	border-color: var(--bg-danger-hover);
	background: var(--bg-danger-hover);
}
.has-error .radio label:active span.ui,
.has-error .radio-inline label:active span.ui,
.has-error .checkbox label:active span.ui,
.has-error .checkbox-inline label:active span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background-color: var(--red-100);
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default);
}
.has-error .radio label:active input:checked ~ span.ui,
.has-error .radio-inline label:active input:checked ~ span.ui,
.has-error .checkbox label:active input:checked ~ span.ui,
.has-error .checkbox-inline label:active input:checked ~ span.ui {
	border-color: var(--bg-danger-active);
	background: var(--bg-danger-active);
}
.has-error .radio label:focus span.ui,
.has-error .radio-inline label:focus span.ui,
.has-error .checkbox label:focus span.ui,
.has-error .checkbox-inline label:focus span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .radio label:focus input:checked ~ span.ui,
.has-error .radio-inline label:focus input:checked ~ span.ui,
.has-error .checkbox label:focus input:checked ~ span.ui,
.has-error .checkbox-inline label:focus input:checked ~ span.ui {
	border-color: var(--bg-danger-default);
	background: var(--bg-danger-default);
}

.has-success .radio label span.ui,
.has-success .radio-inline label span.ui,
.has-success .checkbox label span.ui,
.has-success .checkbox-inline label span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background: var(--bg-default);
}
.has-success .radio label input,
.has-success .radio-inline label input,
.has-success .checkbox label input,
.has-success .checkbox-inline label input {
	outline-offset: 0;
}
.has-success .radio label input:focus + span,
.has-success .radio-inline label input:focus + span,
.has-success .checkbox label input:focus + span,
.has-success .checkbox-inline label input:focus + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-success .radio label input:focus:not(:focus-visible) + span,
.has-success .radio-inline label input:focus:not(:focus-visible) + span,
.has-success .checkbox label input:focus:not(:focus-visible) + span,
.has-success .checkbox-inline label input:focus:not(:focus-visible) + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-success .radio label input:focus-visible + span,
.has-success .radio-inline label input:focus-visible + span,
.has-success .checkbox label input:focus-visible + span,
.has-success .checkbox-inline label input:focus-visible + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-success .radio label input:checked ~ span.ui,
.has-success .radio-inline label input:checked ~ span.ui,
.has-success .checkbox label input:checked ~ span.ui,
.has-success .checkbox-inline label input:checked ~ span.ui {
	border-color: var(--bg-success);
	background: var(--bg-success);
	box-shadow: none;
}
.has-success .radio label:hover span.ui,
.has-success .radio-inline label:hover span.ui,
.has-success .checkbox label:hover span.ui,
.has-success .checkbox-inline label:hover span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-success-transparent-default);
}
.has-success .radio label:hover input:checked ~ span.ui,
.has-success .radio-inline label:hover input:checked ~ span.ui,
.has-success .checkbox label:hover input:checked ~ span.ui,
.has-success .checkbox-inline label:hover input:checked ~ span.ui {
	border-color: var(--bg-success-hover);
	background: var(--bg-success-hover);
}
.has-success .radio label:active span.ui,
.has-success .radio-inline label:active span.ui,
.has-success .checkbox label:active span.ui,
.has-success .checkbox-inline label:active span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background-color: var(--green-100);
	box-shadow: inset 0 0 0 1px var(--border-color-on-success-transparent-default);
}
.has-success .radio label:active input:checked ~ span.ui,
.has-success .radio-inline label:active input:checked ~ span.ui,
.has-success .checkbox label:active input:checked ~ span.ui,
.has-success .checkbox-inline label:active input:checked ~ span.ui {
	border-color: var(--bg-success-active);
	background: var(--bg-success-active);
}
.has-success .radio label:focus span.ui,
.has-success .radio-inline label:focus span.ui,
.has-success .checkbox label:focus span.ui,
.has-success .checkbox-inline label:focus span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .radio label:focus input:checked ~ span.ui,
.has-success .radio-inline label:focus input:checked ~ span.ui,
.has-success .checkbox label:focus input:checked ~ span.ui,
.has-success .checkbox-inline label:focus input:checked ~ span.ui {
	border-color: var(--bg-success);
	background: var(--bg-success);
}

.has-warning .radio label span.ui,
.has-warning .radio-inline label span.ui,
.has-warning .checkbox label span.ui,
.has-warning .checkbox-inline label span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background: var(--bg-default);
}
.has-warning .radio label input,
.has-warning .radio-inline label input,
.has-warning .checkbox label input,
.has-warning .checkbox-inline label input {
	outline-offset: 0;
}
.has-warning .radio label input:focus + span,
.has-warning .radio-inline label input:focus + span,
.has-warning .checkbox label input:focus + span,
.has-warning .checkbox-inline label input:focus + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-warning .radio label input:focus:not(:focus-visible) + span,
.has-warning .radio-inline label input:focus:not(:focus-visible) + span,
.has-warning .checkbox label input:focus:not(:focus-visible) + span,
.has-warning .checkbox-inline label input:focus:not(:focus-visible) + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-warning .radio label input:focus-visible + span,
.has-warning .radio-inline label input:focus-visible + span,
.has-warning .checkbox label input:focus-visible + span,
.has-warning .checkbox-inline label input:focus-visible + span {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-warning .radio label input:checked ~ span.ui,
.has-warning .radio-inline label input:checked ~ span.ui,
.has-warning .checkbox label input:checked ~ span.ui,
.has-warning .checkbox-inline label input:checked ~ span.ui {
	border-color: var(--bg-warning);
	background: var(--bg-warning);
	box-shadow: none;
}
.has-warning .radio label:hover span.ui,
.has-warning .radio-inline label:hover span.ui,
.has-warning .checkbox label:hover span.ui,
.has-warning .checkbox-inline label:hover span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-warning-transparent-default);
}
.has-warning .radio label:hover input:checked ~ span.ui,
.has-warning .radio-inline label:hover input:checked ~ span.ui,
.has-warning .checkbox label:hover input:checked ~ span.ui,
.has-warning .checkbox-inline label:hover input:checked ~ span.ui {
	border-color: var(--bg-warning-hover);
	background: var(--bg-warning-hover);
}
.has-warning .radio label:active span.ui,
.has-warning .radio-inline label:active span.ui,
.has-warning .checkbox label:active span.ui,
.has-warning .checkbox-inline label:active span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background-color: var(--yellow-100);
	box-shadow: inset 0 0 0 1px var(--border-color-on-warning-transparent-default);
}
.has-warning .radio label:active input:checked ~ span.ui,
.has-warning .radio-inline label:active input:checked ~ span.ui,
.has-warning .checkbox label:active input:checked ~ span.ui,
.has-warning .checkbox-inline label:active input:checked ~ span.ui {
	border-color: var(--bg-warning-active);
	background: var(--bg-warning-active);
}
.has-warning .radio label:focus span.ui,
.has-warning .radio-inline label:focus span.ui,
.has-warning .checkbox label:focus span.ui,
.has-warning .checkbox-inline label:focus span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .radio label:focus input:checked ~ span.ui,
.has-warning .radio-inline label:focus input:checked ~ span.ui,
.has-warning .checkbox label:focus input:checked ~ span.ui,
.has-warning .checkbox-inline label:focus input:checked ~ span.ui {
	border-color: var(--bg-warning);
	background: var(--bg-warning);
}

/* ------------------------------ COMPONENTS: Form Field - Radio Button ------------------------------ */
.radio label span.ui,
.radio-inline label span.ui {
	border-radius: 12px;
}
.radio label input:checked ~ span.ui::after,
.radio-inline label input:checked ~ span.ui::after {
	display: inline-block;
	width: 10px;
	height: 10px;
	content: "";
	margin: 0 auto;
	background: var(--white) !important;
	border-radius: 5px;
}

@media print {
	.radio label input:checked ~ span.ui,
	.radio label input[readonly]:checked ~ span.ui,
	.radio-inline label input:checked ~ span.ui,
	.radio-inline label input[readonly]:checked ~ span.ui {
		background: transparent !important;
	}
	.radio label input:checked ~ span.ui::after,
	.radio label input[readonly]:checked ~ span.ui::after,
	.radio-inline label input:checked ~ span.ui::after,
	.radio-inline label input[readonly]:checked ~ span.ui::after {
		border: 5px solid var(--black);
	}
}
/* ---------- Lookup Checkbox conversion to Radio Styling ---------- */
.view-grid .table span.fa[role="checkbox"],
.view-grid .table span.fa[role="radio"] {
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 24px;
	height: 24px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	border-radius: 12px;
	background-color: var(--bg-default);
	border-color: var(--border-color-default);
	cursor: pointer;
}
.view-grid .table span.fa[role="checkbox"]:hover,
.view-grid .table span.fa[role="radio"]:hover {
	border-color: var(--border-color-on-primary-transparent-hover);
}
.view-grid .table span.fa[role="checkbox"]:hover:not([aria-checked="true"]),
.view-grid .table span.fa[role="radio"]:hover:not([aria-checked="true"]) {
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-hover);
}
.view-grid .table span.fa[role="checkbox"]:focus-visible,
.view-grid .table span.fa[role="radio"]:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-primary-transparent-focus);
	outline-offset: 2px;
}
.view-grid .table span.fa[role="checkbox"][aria-checked="true"],
.view-grid .table span.fa[role="radio"][aria-checked="true"] {
	background-color: var(--bg-primary);
	border-color: var(--bg-primary);
}
.view-grid .table span.fa[role="checkbox"][aria-checked="true"]:before,
.view-grid .table span.fa[role="radio"][aria-checked="true"]:before {
	visibility: hidden;
	opacity: 0;
	height: 0;
	position: absolute;
}
.view-grid .table span.fa[role="checkbox"][aria-checked="true"]:after,
.view-grid .table span.fa[role="radio"][aria-checked="true"]:after {
	display: inline-block;
	width: 10px;
	height: 10px;
	content: "";
	margin: 0 auto;
	background: var(--white) !important;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.view-grid .table span.fa[role="checkbox"][aria-checked="true"]:hover,
.view-grid .table span.fa[role="radio"][aria-checked="true"]:hover {
	background-color: var(--bg-primary-hover);
	border-color: var(--bg-primary-hover);
}

/* ------------------------------ COMPONENTS: Form Field - Checkbox ------------------------------ */
.checkbox label span.ui::after,
.checkbox-inline label span.ui::after {
	display: inline-block;
	content: "";
	font-family: "Glyphicons Halflings";
	font-size: 16px;
	color: transparent;
	content: "\e013";
}
.checkbox label input:checked ~ span.ui::after,
.checkbox-inline label input:checked ~ span.ui::after {
	color: var(--white);
}
.checkbox label input:not(:checked) ~ span.ui::after,
.checkbox-inline label input:not(:checked) ~ span.ui::after {
	display: none;
}

.inline-checkbox-group {
	display: flex;
	flex-wrap: wrap;
}
.inline-checkbox-group .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-right: 30px;
}

/* ------------------------------ COMPONENTS: Form Field - File Upload ------------------------------ */
.form-field-file-upload {
	padding-bottom: 10px;
}
.form-field-file-upload input[type="file"] {
	float: left;
	margin: 0;
	opacity: 0;
	width: 0;
	height: 0;
	outline-offset: 0;
	padding: 0;
}
.form-field-file-upload input[type="file"]:focus + label {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.form-field-file-upload input[type="file"]:focus:not(:focus-visible) + label {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.form-field-file-upload input[type="file"]:focus-visible + label {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.form-field-file-upload > * + * {
	margin-top: 10px;
}
.form-field-file-upload > * + * + * {
	margin-top: 20px;
}
@media (min-width: 769px) {
	.form-field-file-upload > * + * + * {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.form-field-file-upload > * + * + * {
		margin-top: 30px;
	}
}
.form-field-file-upload > *:last-child {
	margin-bottom: 0;
}

input[type="file"] {
	width: 100%;
	color: var(--text-color-default);
	padding: 5px;
	background: var(--bg-default);
	border-radius: 4px;
	border: 1px solid var(--border-color-default);
}
input[type="file"]::file-selector-button {
	-webkit-transition: background-color 0.1s;
	transition: background-color 0.1s;
	margin-right: 20px;
	border: none;
	background-color: var(--bg-primary-default);
	padding: 7px 15px 9px;
	border-radius: 4px;
	color: var(--text-color-on-primary-default);
	cursor: pointer;
}
input[type="file"]::file-selector-button:hover {
	background-color: var(--bg-primary-hover);
}

/* ------------------------------ COMPONENTS: Form Field - Input Group ------------------------------ */
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}

.input-group {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
	border-collapse: separate;
}
.input-group[class*="col-"] {
	float: none;
	padding-right: 0;
	padding-left: 0;
}
.input-group .form-control,
.input-group .msos-input-container,
.input-group div.msos-container {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.input-group .form-control:focus,
.input-group .msos-input-container:focus,
.input-group div.msos-container:focus {
	z-index: 3;
}
.input-group:has(input[readonly]) .input-group-addon {
	margin-bottom: 10px;
}
.input-group .input-group-text {
	height: 42px;
}

.input-group-lg > .form-control,
.input-group-lg > .msos-input-container,
.input-group-lg > div.msos-container,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-text,
.input-group-lg > .input-group-btn > .btn {
	height: 49px;
	min-height: 49px;
	padding: 9px 20px 11px;
	font-size: 18px;
	line-height: 1.5;
}

.input-group-lg > .form-control,
.input-group-lg > .msos-input-container,
.input-group-lg > div.msos-container,
.input-group-lg > .input-group-addon {
	border-radius: 8px;
}

.input-group-lg > .input-group-btn > .btn {
	border-radius: 8px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .msos-input-container,
select.input-group-lg > div.msos-container,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-text,
select.input-group-lg > .input-group-btn > .btn {
	height: 49px;
	line-height: 49px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .msos-input-container,
textarea.input-group-lg > div.msos-container,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .msos-input-container,
select[multiple].input-group-lg > div.msos-container,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
	height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .msos-input-container,
.input-group-sm > div.msos-container,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-text,
.input-group-sm > .input-group-btn > .btn {
	height: 33px;
	min-height: 33px;
	padding: 4px 10px 6px;
	font-size: 14px;
	line-height: 1.5;
}

.input-group-sm > .form-control,
.input-group-sm > .msos-input-container,
.input-group-sm > div.msos-container,
.input-group-sm > .input-group-addon {
	border-radius: 2px;
}

.input-group-sm > .input-group-btn > .btn {
	border-radius: 2px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .msos-input-container,
select.input-group-sm > div.msos-container,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-text,
select.input-group-sm > .input-group-btn > .btn {
	height: 33px;
	line-height: 33px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .msos-input-container,
textarea.input-group-sm > div.msos-container,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .msos-input-container,
select[multiple].input-group-sm > div.msos-container,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
	height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group .msos-input-container,
.input-group div.msos-container {
	display: inline-block;
}
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child),
.input-group .form-control:not(:first-child),
.input-group .msos-input-container:not(:first-child),
.input-group div.msos-container:not(:first-child) {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}
.input-group-addon:first-child,
.input-group-btn:first-child,
.input-group .form-control:first-child,
.input-group .msos-input-container:first-child,
.input-group div.msos-container:first-child {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.input-group-addon,
.input-group-btn {
	width: auto;
	white-space: nowrap;
	vertical-align: middle;
}

.input-group-addon {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 7px 15px 9px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--text-color-default);
	text-align: center;
	background-color: var(--bg-accent);
	border: 1px solid var(--border-color-default);
	border-radius: 4px;
}
.input-group-addon.input-sm {
	padding: 4px 10px 6px;
	font-size: 14px;
	border-radius: 2px;
	line-height: 1.5;
}
.input-group-addon.input-lg {
	padding: 9px 20px 11px;
	font-size: 18px;
	border-radius: 8px;
	line-height: 1.5;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
	margin-top: 0;
}

.input-group-addon:has(~ input[readonly]),
.input-group-text:has(~ input[readonly]),
input[readonly] ~ .input-group-addon,
input[readonly] ~ .input-group-text {
	height: auto;
	padding: 0;
	background: none;
	border: none !important;
}

.input-group-addon:has(~ input[disabled]),
input[disabled] ~ .input-group-addon {
	border-color: var(--border-color-on-primary-transparent-disabled) !important;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.input-group-sm .input-group-btn:first-child > .btn,
.input-group-sm .input-group-btn:first-child > .btn-group > .btn,
.input-group-sm .input-group-btn:first-child > .dropdown-toggle,
.input-group-sm .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-sm .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.input-group-lg .input-group-btn:first-child > .btn,
.input-group-lg .input-group-btn:first-child > .btn-group > .btn,
.input-group-lg .input-group-btn:first-child > .dropdown-toggle,
.input-group-lg .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-lg .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.input-group .form-control:has(~ .input-group-btn),
.input-group .msos-input-container:has(~ .input-group-btn),
.input-group div.msos-container:has(~ .input-group-btn) {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.input-group-sm.input-group .form-control:has(~ .input-group-btn),
.input-group-sm.input-group .msos-input-container:has(~ .input-group-btn),
.input-group-sm.input-group div.msos-container:has(~ .input-group-btn) {
	border-top-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
}

.input-group-lg.input-group .form-control:has(~ .input-group-btn),
.input-group-lg.input-group .msos-input-container:has(~ .input-group-btn),
.input-group-lg.input-group div.msos-container:has(~ .input-group-btn) {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}

.input-group-addon:first-child {
	border-right: 0;
}

.input-group .form-control:last-child,
.input-group .msos-input-container:last-child,
.input-group div.msos-container:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.input-group-sm .input-group .form-control:last-child,
.input-group-sm .input-group .msos-input-container:last-child,
.input-group-sm .input-group div.msos-container:last-child,
.input-group-sm .input-group-addon:last-child,
.input-group-sm .input-group-btn:last-child > .btn,
.input-group-sm .input-group-btn:last-child > .btn-group > .btn,
.input-group-sm .input-group-btn:last-child > .dropdown-toggle,
.input-group-sm .input-group-btn:first-child > .btn:not(:first-child),
.input-group-sm .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.input-group-lg .input-group .form-control:last-child,
.input-group-lg .input-group .msos-input-container:last-child,
.input-group-lg .input-group div.msos-container:last-child,
.input-group-lg .input-group-addon:last-child,
.input-group-lg .input-group-btn:last-child > .btn,
.input-group-lg .input-group-btn:last-child > .btn-group > .btn,
.input-group-lg .input-group-btn:last-child > .dropdown-toggle,
.input-group-lg .input-group-btn:first-child > .btn:not(:first-child),
.input-group-lg .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.input-group-addon:last-child {
	border-left: 0;
}

.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}
.input-group-btn > .btn {
	position: relative;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus {
	z-index: 2;
}
.input-group-btn > .btn + .btn {
	margin-left: -1px;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
	margin-right: 10px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
	z-index: 2;
	margin-left: 10px;
}
.lookup ~ .input-group-btn > .btn {
	margin-left: 10px !important;
	margin-right: 0 !important;
	padding-left: 0;
	padding-right: 0;
}
.input-group-btn > .btn-primary,
.entity-lookup .toolbar-actions .input-group-btn > .btn {
	margin-left: 10px !important;
}

@media (min-width: 768px) {
	.form-inline .input-group {
		display: inline-table;
		vertical-align: middle;
	}
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn,
	.form-inline .input-group .form-control,
	.form-inline .input-group .msos-input-container,
	.form-inline .input-group div.msos-container {
		width: auto;
	}
	.form-inline .input-group > .form-control,
	.form-inline .input-group > .msos-input-container,
	.form-inline .input-group > div.msos-container {
		width: 100%;
	}
}

/* ------------------------------ COMPONENTS: Form Field - Multiselect ------------------------------ */
/* ------- Heavily overriding jquery plugin styling to match Select component styling and various states of the Multiselect plugin ------- */
div.msos-container {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.msos-container.form-control,
div.msos-container {
	min-height: 42px !important;
}
div.msos-container.msos-focused:not(.msos-none-selected).form-control,
div.msos-container.msos-focused:not(.msos-none-selected) {
	height: auto;
}
div.msos-container .msos-selected-display-item-text {
	font-weight: 600;
	font-size: 14px;
	line-height: 1.5;
}
div.msos-container .msos-selecteditems-toggle-container {
	align-self: center;
	padding-bottom: 7px;
}
div.msos-container .msos-selecteditems-expanded .msos-selecteditems-toggle-container {
	margin-top: auto;
}
div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-disabled).msos-active,
div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-disabled).msos-focused {
	-webkit-transition:
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		border-color 0.1s,
		box-shadow 0.1s;
	border: 1px solid var(--border-color-on-primary-transparent-focus) !important;
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-focus) !important;
}
div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-disabled).msos-focused {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-primary-transparent-focus);
}
.has-error div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-disabled).msos-active,
.has-error div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-disabled).msos-focused {
	-webkit-transition:
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		border-color 0.1s,
		box-shadow 0.1s;
	border: 1px solid var(--border-color-on-danger-transparent-default) !important;
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default) !important;
}
.has-error div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-disabled).msos-focused {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-danger-transparent-default);
}
.has-error div.msos-container:not(:has(label.msos-label.msos-option-focused)):not(.msos-none-selected) .msos-filter-container {
	border-top: 1px solid var(--border-color-on-danger-transparent-default);
}
div.msos-container:has(label.msos-label.msos-option-focused):not(.msos-disabled).msos-focused {
	border-color: var(--border-color-default) !important;
	box-shadow: none !important;
}
div.msos-container:has(label.msos-label.msos-option-focused):not(.msos-disabled).msos-focused:not(.msos-none-selected) .msos-filter-container {
	border-top: 1px solid var(--border-color-default);
}
.has-error div.msos-container:has(label.msos-label.msos-option-focused):not(.msos-disabled).msos-focused {
	border-color: var(--border-color-on-danger-transparent-default) !important;
}
.has-error div.msos-container:has(label.msos-label.msos-option-focused):not(.msos-disabled).msos-focused:not(.msos-none-selected) .msos-filter-container {
	border-color: var(--border-color-on-danger-transparent-default);
}
div.msos-container:not(.msos-none-selected):not(.msos-disabled) .msos-selecteditems-container {
	display: flex;
	min-height: 42px;
}
div.msos-container:not(.msos-disabled) {
	-webkit-transition:
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		border-color 0.1s,
		box-shadow 0.1s;
	box-shadow: none;
}
div.msos-container:not(.msos-focused):not(.msos-none-selected):after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e259";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 30px;
	font-size: 16px !important;
	color: var(--text-color-on-primary-transparent-default);
	display: flex;
	justify-content: center;
	align-items: center;
}
div.msos-container:not(.msos-focused):not(.msos-none-selected) .msos-selecteditems-toggle-container {
	margin-right: 24px;
}
div.msos-container .popover.eyga-msos-popover {
	transform: translate(0, calc(-100% + 7px));
	width: 100%;
	max-width: 260px;
	left: 15px;
}
div.msos-container .popover.eyga-msos-popover .arrow {
	left: 20px;
}
div.msos-container .msos-selecteditems:focus:has(li.msos-selecteditem-active) + .popover.eyga-msos-popover {
	display: block;
}

.msos-selecteditems-container:not(.msos-selecteditems-expanded) .msos-current-selection-normal {
	max-height: 42px;
}

.msos-current-selection-normal {
	flex: 1 1 auto;
	align-self: center;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 15px !important;
	transform: translateY(-1px);
}

.msos-selecteditems-container:not(.msos-selecteditems-expanded) {
	max-height: 42px !important;
}

html[dir="ltr"] .msos-container .msos-inner-container {
	padding: 0 !important;
}

.has-error .msos-input-container:hover {
	border: none;
	background-color: transparent;
	box-shadow: none !important;
}
.has-error .msos-input-container.form-control,
.has-error .msos-input-container {
	background-color: transparent;
}

.msos-input-container {
	padding-left: 15px !important;
}
.msos-input-container.form-control,
div.msos-input-container.msos-container,
.msos-input-container {
	border: none;
	background-color: transparent;
}
.msos-input-container.form-control:hover,
.msos-input-container:hover,
.msos-input-container.form-control:focus,
.msos-input-container:focus {
	border: none;
	background-color: transparent;
	box-shadow: none !important;
}

.msos-none-selected .msos-input-container {
	transform: translateY(-1px);
}

.msos-open button.msos-caret-button .msos-glyph:after,
.msos-open button.msos-viewmode-button .msos-glyph:after,
.msos-viewmode-expanded button.msos-caret-button .msos-glyph:after,
.msos-viewmode-expanded button.msos-viewmode-button .msos-glyph:after {
	content: "\e260";
	transform: translateY(0);
}
.msos-open .msos-inner-container:not(.msos-fullscreen) div.msos-selection-container,
.msos-viewmode-expanded .msos-inner-container:not(.msos-fullscreen) div.msos-selection-container {
	top: calc(100% - 4px) !important;
}

.msos-active:not(.msos-none-selected) .msos-filter-container {
	border-top: 1px solid var(--border-color-on-primary-transparent-active);
}
.msos-active:not(.msos-none-selected) .msos-selecteditems-toggle {
	text-decoration: underline;
}

button.msos-selecteditems-toggle {
	color: var(--text-color-on-primary-transparent-default);
	font-size: 14px;
	margin-right: 5px;
}
button.msos-selecteditems-toggle:hover,
button.msos-selecteditems-toggle:focus {
	color: var(--text-color-on-primary-transparent-default);
	text-decoration: underline;
	border: none;
}

html[dir="ltr"] .msos-selecteditems .msos-selected-display-item {
	margin: 5px 8px 5px 0 !important;
}

.msos-selecteditems .msos-selected-display-item {
	background: var(--bg-accent);
	height: 22px;
}
.msos-selecteditems .msos-selected-display-item-text {
	user-select: none;
}

.msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after {
	border-color: #757575 !important;
	border-width: 2px !important;
}

.msos-selection-container {
	border-width: 1px;
	border-color: var(--shadow-border-color) !important;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
}
.msos-selection-container .msos-action-buttons {
	border-bottom: 1px solid var(--border-color-default);
	padding-bottom: 11px;
}
.msos-selection-container .msos-action-buttons:hover {
	background-color: transparent;
	color: var(--text-color-default);
}
.msos-selection-container ul.msos-selection {
	padding-top: 13px;
	max-height: 294px;
}

button.msos-caret-button,
button.msos-viewmode-button {
	width: 40px;
}
button.msos-caret-button .msos-glyph:after,
button.msos-viewmode-button .msos-glyph:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e259";
	font-size: 16px !important;
	color: var(--text-color-on-primary-transparent-default);
	transform: translateY(-2px);
}

button.msos-quick-delete {
	width: 20px;
	padding: 0;
}
button.msos-quick-delete:hover {
	background-color: var(--bg-primary-transparent-hover);
}
button.msos-quick-delete:hover .msos-glyph:after {
	color: var(--text-color-on-primary-transparent-hover);
}
button.msos-quick-delete .msos-glyph:after {
	content: "×" !important;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px !important;
	transform: translateY(-2px);
	color: var(--text-color-accent);
}

label.msos-label .msos-label-text {
	position: relative;
	padding: 7px 15px 9px 49px;
}
label.msos-label .msos-label-text:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border: 1px solid var(--border-color-default);
	background: var(--bg-default);
}
label.msos-label.msos-option-focused:has(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-primary-transparent-focus);
	outline-offset: --2px;
}
label.msos-label .msos-checkbox:checked + .msos-label-text:before {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Glyphicons Halflings" !important;
	content: "\e013" !important;
	font-size: 16px !important;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	left: 15px;
	color: var(--white);
	padding: 0 !important;
	width: 24px;
	text-align: center;
}
label.msos-label .msos-checkbox:checked + .msos-label-text:after {
	border-color: var(--border-color-on-primary-transparent-active);
	background: var(--border-color-on-primary-transparent-active);
}

li.msos-option:hover,
label.msos-option:hover {
	background: var(--bg-primary-transparent-hover);
	color: var(--text-color-default);
}
li.msos-option:hover .msos-label-text:after,
label.msos-option:hover .msos-label-text:after {
	border-color: var(--border-color-on-primary-transparent-hover);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-hover);
}

.msos-option-focused:after {
	display: none;
}

.msos-selected-items .msos-option.msos-option-selected {
	background: transparent;
}
.msos-selected-items .msos-option:hover.msos-option-selected {
	background: var(--bg-primary-transparent-hover);
}

.msos-label .msos-label-text .msos-itemcount-text {
	color: var(--gray-600) !important;
}

.msos-viewmode-container.msos-viewmode-expanded {
	padding-bottom: 0;
}
.msos-viewmode-container.msos-viewmode-expanded .msos-viewmode-button-container {
	margin: auto 0 5px 0;
}

.msos-viewmode-text {
	font-weight: 600;
	font-size: 16px;
}

div.msos-container.msos-disabled {
	min-height: 0 !important;
}
div.msos-container.msos-disabled .msos-viewmode-text {
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	line-height: 1.5;
}
div.msos-container.msos-disabled:not(.msos-focused):not(.msos-none-selected):after {
	display: none;
}

.combo-option.option-current {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--border-color-on-primary-transparent-focus);
	outline-offset: -3px;
}

.combo-option[aria-selected="true"] {
	position: relative;
}
.combo-option[aria-selected="true"] span.ui {
	border-color: var(--bg-primary);
	background: var(--bg-primary);
	box-shadow: none;
}
.combo-option[aria-selected="true"] span.ui:after {
	color: var(--white);
}
.combo-option[aria-selected="true"] label:hover span.ui {
	border-color: var(--bg-primary-hover);
	background: var(--bg-primary-hover);
	box-shadow: none;
}

.combo-multiselect-open .multiselect.btn-default.dropdown-toggle:focus:not(:focus-visible) {
	outline: none !important;
}
.combo-multiselect-open .multiselect.btn-default.dropdown-toggle:focus-visible {
	outline: none !important;
}

/* ------------------------------ COMPONENTS: Header: Navbar ------------------------------ */
.navbar {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-transition: min-height 0.2s;
	transition: min-height 0.2s;
	position: relative;
	padding: 0;
	margin-bottom: 0px;
	min-height: 60px;
	border-width: 0;
	border-style: solid;
	border-radius: 0px;
	box-sizing: content-box;
}
@media (min-width: 768px) {
	.navbar {
		min-height: 80px;
	}
}
@media (min-width: 1180px) {
	.navbar {
		border-radius: 0px;
	}
}
.navbar.navbar-border {
	border-width: 0 0 1px;
}
.navbar:before,
.navbar:after {
	content: " ";
	display: table;
}
.navbar:after {
	clear: both;
}
.navbar > .container,
.navbar > .container-fluid {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.navbar .navbar-collapse {
	flex-grow: 0;
	flex-basis: auto;
}

.navbar-light {
	background-color: var(--bg-default);
}
.navbar-light.navbar-border {
	border-color: rgba(var(--black), 0.1);
}
.navbar-light.navbar-shadow {
	box-shadow: 0px 2px 10px 0px rgba(var(--black), 0.1);
}
.navbar-light.navbar--print {
	background: none;
	color: var(--black);
	border-bottom: 1px solid var(--border-color-default);
}
.navbar-light.navbar--print p:first-child {
	color: #000 !important;
}
.navbar-light.navbar--print .navbar-brand-text {
	border-left: 1px solid var(--black);
}
.navbar-light.navbar--print .navbar-brand-text:before {
	display: none;
}
.navbar-light.navbar--print .navbar-brand a[href]:after {
	display: none;
}

.navbar-dark {
	background-color: var(--bg-primary);
}
.navbar-dark.navbar-border {
	border-color: rgba(var(--black), 0.25);
}
.navbar-dark.navbar-shadow {
	box-shadow: 0px 2px 10px 0px rgba(var(--black), 0.25);
}
.navbar-dark.navbar--print {
	background: none;
	color: var(--black);
	border-bottom: 1px solid var(--border-color-default);
}
.navbar-dark.navbar--print p:first-child {
	color: #000 !important;
}
.navbar-dark.navbar--print .navbar-brand-text {
	border-left: 1px solid var(--black);
}
.navbar-dark.navbar--print .navbar-brand-text:before {
	display: none;
}
.navbar-dark.navbar--print .navbar-brand a[href]:after {
	display: none;
}

/* ------------------------------ COMPONENTS: Header: Navbar Header ------------------------------ */
@media (min-width: 1180px) {
	.navbar-header {
		float: left;
	}
}
.navbar-header:before,
.navbar-header:after {
	content: " ";
	display: table;
}
.navbar-header:after {
	clear: both;
}
.container > .navbar-header,
.container-fluid > .navbar-header {
	margin-right: 0px;
	margin-left: 0px;
}
@media (min-width: 1180px) {
	.container > .navbar-header,
	.container-fluid > .navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Collapse ------------------------------ */
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	border-top: none;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
	content: " ";
	display: table;
}
.navbar-collapse:after {
	clear: both;
}
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
	margin-right: 0;
	margin-left: 0;
}
@media (min-width: 1180px) {
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
}
.navbar-collapse.in {
	overflow-y: auto;
}
@media (min-width: 1180px) {
	.navbar-collapse.in {
		overflow-y: visible;
	}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
	max-height: calc(100vh - 40px - 60px) !important;
}
@media (min-width: 768px) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: calc(100vh - 40px - 80px) !important;
	}
}
@media (min-width: 1180px) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: none !important;
	}
}
@media (max-device-width: 480px) and (orientation: landscape) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: calc(100vh - 40px - 60px) !important;
	}
}
@media (max-device-width: 480px) and (orientation: landscape) and (min-width: 768px) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: calc(100vh - 40px - 80px) !important;
	}
}
@media (max-device-width: 480px) and (orientation: landscape) and (min-width: 1180px) {
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: none !important;
	}
}
@media (max-width: 1179px) {
	.navbar-collapse {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		-webkit-transition:
			box-shadow 0.2s,
			opacity 0.2s;
		transition:
			box-shadow 0.2s,
			opacity 0.2s;
		max-height: calc(100vh - 60px) !important;
		border-top-width: 1px;
		border-top-style: solid;
		z-index: 10000;
		max-height: calc(100vh - 40px - 60px) !important;
	}
	.navbar-collapse:not(.show).collapse:not(.show) {
		display: none !important;
	}
	.navbar-collapse:not(.show).collapse:not(.show).in {
		display: block !important;
	}
	.navbar-collapse:not(.show).collapsing {
		display: block !important;
		height: auto !important;
	}
	.navbar-collapse.collapse:not(.show),
	.navbar-toggle.collapsed ~ .navbar-collapse.collapsing:not(.show),
	.navbar-toggler.collapsed ~ .navbar-collapse.collapsing:not(.show) {
		opacity: 0;
	}
	.navbar-collapse.collapse.in:not(.show),
	.navbar-toggle:not(.collapsed) ~ .navbar-collapse.collapsing:not(.show),
	.navbar-toggler:not(.collapsed) ~ .navbar-collapse.collapsing:not(.show) {
		opacity: 1;
	}
}
@media (max-width: 1179px) and (min-width: 768px) {
	.navbar-collapse:not(.show).collapse:not(.show) {
		display: none !important;
	}
	.navbar-collapse:not(.show).collapse:not(.show).in {
		display: block !important;
	}
	.navbar-collapse:not(.show).collapsing {
		display: block !important;
		height: auto !important;
	}
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 1179px) {
	.navbar-light .navbar-collapse {
		border-top-color: var(--border-color-default);
		box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0.25);
	}
	.navbar-light .navbar-collapse.collapsed {
		box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0);
	}
	.navbar-dark .navbar-collapse {
		border-top-color: var(--border-color-default);
		box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0.75);
	}
	.navbar-dark .navbar-collapse.collapsed {
		box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0);
	}
	.navbar-dark .navbar-collapse.navbar-collapse-light {
		border-top-color: var(--border-color-default);
		box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0.25);
	}
	.navbar-dark .navbar-collapse.navbar-collapse-light.collapsed {
		box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0);
	}
}
@media (min-width: 1180px) {
	.navbar-collapse {
		width: auto;
		border-top: none;
		box-shadow: none;
	}
	.navbar-static-top .navbar-collapse,
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Position ------------------------------ */
.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 0;
}
@media (min-width: 1180px) {
	.navbar-static-top {
		border-radius: 0px;
	}
}
.navbar-static-top.navbar-border {
	border-width: 0 0 1px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1000;
}
@media (min-width: 1180px) {
	.navbar-fixed-top,
	.navbar-fixed-bottom {
		border-radius: 0px;
	}
}

.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}

.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0;
}

/* ------------------------------ COMPONENTS: Header: Navbar Alignment ------------------------------ */
@media (min-width: 768px) {
	.navbar-left {
		float: none !important;
	}
	.navbar-right {
		float: none !important;
		margin-right: 0;
		padding-top: 0;
	}
	.navbar-right ~ .navbar-right {
		margin-right: 0;
	}
}
/* ------------------------------ COMPONENTS: Header: Navbar Brand ------------------------------ */
.navbar-brand {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	float: left;
	margin-right: auto;
	padding: 0 0;
	height: auto;
	font-size: inherit;
	line-height: inherit;
}
.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none;
}
.navbar-brand > * {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.navbar-brand a {
	float: left;
}
.navbar-light .navbar-brand a {
	outline-offset: 0;
}
.navbar-light .navbar-brand a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.navbar-light .navbar-brand a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.navbar-light .navbar-brand a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.navbar-dark .navbar-brand a {
	outline-offset: 0;
}
.navbar-dark .navbar-brand a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: 2px;
}
.navbar-dark .navbar-brand a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.navbar-dark .navbar-brand a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: 2px;
}
.navbar-brand a img {
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
	height: 36px;
}
@media (min-width: 768px) {
	.navbar-brand a img {
		height: 45px;
	}
}
.navbar-brand > img {
	display: block;
}
@media (min-width: 768px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0;
	}
}

.navbar-brand-text {
	position: relative;
	margin-left: 20px;
	padding-left: 20px;
}
.navbar-brand-text::before {
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
	width: 1px;
	height: 36px;
}
@media screen and (min-width: 768px) {
	.navbar-brand-text::before {
		height: 45px;
	}
}
.navbar-light .navbar-brand-text::before {
	background: var(--gray-900);
	opacity: 0.5;
}
.navbar-dark .navbar-brand-text::before {
	background: var(--white);
	opacity: 0.5;
}
@media screen and (max-width: 767px) {
	.navbar-brand-text {
		display: none;
	}
}
.navbar-brand-text p:first-child {
	position: relative;
	bottom: 1px;
	-webkit-transition:
		font-size 0.2s,
		line-height 0.2s,
		letter-spacing 0.2s,
		word-spacing 0.2s;
	transition:
		font-size 0.2s,
		line-height 0.2s,
		letter-spacing 0.2s,
		word-spacing 0.2s;
	margin: 0;
	font-size: 16px;
	line-height: 1.25;
}
.navbar-light .navbar-brand-text p:first-child {
	color: var(--gray-900);
}
.navbar-light .navbar-brand-text p:first-child:hover,
.navbar-light .navbar-brand-text p:first-child:focus {
	color: var(--gray-900);
	background-color: transparent;
}
.navbar-dark .navbar-brand-text p:first-child {
	color: var(--white);
}
.navbar-dark .navbar-brand-text p:first-child:hover,
.navbar-dark .navbar-brand-text p:first-child:focus {
	color: var(--white);
	background-color: transparent;
}
@media (min-width: 768px) {
	.navbar-brand-text p:first-child {
		font-size: 18px;
	}
}
.navbar-brand-text p + p {
	position: relative;
	bottom: 1px;
	-webkit-transition:
		font-size 0.2s,
		line-height 0.2s,
		letter-spacing 0.2s,
		word-spacing 0.2s;
	transition:
		font-size 0.2s,
		line-height 0.2s,
		letter-spacing 0.2s,
		word-spacing 0.2s;
	margin: 0 0 0 0;
	font-size: 14px;
	line-height: 1.25;
}
.navbar-light .navbar-brand-text p + p {
	color: var(--gray-900);
}
.navbar-dark .navbar-brand-text p + p {
	color: var(--white);
}
@media (min-width: 768px) {
	.navbar-brand-text p + p {
		font-size: 16px;
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Toggle ------------------------------ */
.navbar-toggle,
button.navbar-toggler {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition:
		height 0.2s,
		width 0.2s,
		border-radius 0.2s,
		border-color 0.1s,
		background-color 0.1s;
	transition:
		height 0.2s,
		width 0.2s,
		border-radius 0.2s,
		border-color 0.1s,
		background-color 0.1s;
	position: relative;
	float: none;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	background-image: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
}
@media (min-width: 1180px) {
	.navbar-toggle,
	button.navbar-toggler {
		display: none;
	}
}
@media (min-width: 768px) {
	.navbar-toggle,
	button.navbar-toggler {
		width: 48px;
		height: 48px;
		border-radius: 4px;
	}
}
.navbar-light .navbar-toggle,
.navbar-light button.navbar-toggler {
	border-color: var(--border-color-on-primary-default);
	background-color: var(--bg-default);
}
.navbar-light .navbar-toggle:hover,
.navbar-light .navbar-toggle:focus:hover,
.navbar-light button.navbar-toggler:hover,
.navbar-light button.navbar-toggler:focus:hover {
	border-color: var(--border-color-on-primary-hover);
	background-color: var(--bg-primary-transparent-hover);
}
.navbar-light .navbar-toggle:active,
.navbar-light .navbar-toggle:focus:active,
.navbar-light button.navbar-toggler:active,
.navbar-light button.navbar-toggler:focus:active {
	border-color: var(--border-color-on-primary-active);
	background-color: var(--bg-primary-transparent-active);
}
.navbar-light .navbar-toggle:focus,
.navbar-light button.navbar-toggler:focus {
	border-color: var(--border-color-on-primary-focus);
	background-color: var(--bg-default);
}
.navbar-light .navbar-toggle:not(.collapsed),
.navbar-light button.navbar-toggler:not(.collapsed) {
	border-color: var(--border-color-on-primary-default);
	background: var(--bg-primary);
}
.navbar-light .navbar-toggle:not(.collapsed):hover,
.navbar-light .navbar-toggle:not(.collapsed):focus:hover,
.navbar-light button.navbar-toggler:not(.collapsed):hover,
.navbar-light button.navbar-toggler:not(.collapsed):focus:hover {
	border-color: var(--border-color-on-primary-hover);
	background-color: var(--bg-primary-hover);
}
.navbar-light .navbar-toggle:not(.collapsed):active,
.navbar-light .navbar-toggle:not(.collapsed):focus:active,
.navbar-light button.navbar-toggler:not(.collapsed):active,
.navbar-light button.navbar-toggler:not(.collapsed):focus:active {
	border-color: var(--border-color-on-primary-active);
	background-color: var(--bg-primary-active);
}
.navbar-light .navbar-toggle:not(.collapsed):focus,
.navbar-light button.navbar-toggler:not(.collapsed):focus {
	border-color: var(--border-color-on-primary-focus);
	background-color: var(--bg-primary);
}
.navbar-dark .navbar-toggle,
.navbar-dark button.navbar-toggler {
	border-color: var(--border-color-on-primary-default);
	background-color: var(--bg-primary);
}
.navbar-dark .navbar-toggle:hover,
.navbar-dark .navbar-toggle:focus:hover,
.navbar-dark button.navbar-toggler:hover,
.navbar-dark button.navbar-toggler:focus:hover {
	border-color: var(--border-color-on-primary-hover);
	background-color: var(--bg-primary-hover);
}
.navbar-dark .navbar-toggle:active,
.navbar-dark .navbar-toggle:focus:active,
.navbar-dark button.navbar-toggler:active,
.navbar-dark button.navbar-toggler:focus:active {
	border-color: var(--border-color-on-primary-active);
	background-color: var(--bg-primary-active);
}
.navbar-dark .navbar-toggle:focus,
.navbar-dark button.navbar-toggler:focus {
	border-color: var(--border-color-on-primary-focus);
	background-color: var(--bg-primary);
}
.navbar-dark .navbar-toggle:not(.collapsed),
.navbar-dark button.navbar-toggler:not(.collapsed) {
	border-color: var(--bg-default);
	background: var(--bg-default);
}
.navbar-dark .navbar-toggle:not(.collapsed):hover,
.navbar-dark .navbar-toggle:not(.collapsed):focus:hover,
.navbar-dark button.navbar-toggler:not(.collapsed):hover,
.navbar-dark button.navbar-toggler:not(.collapsed):focus:hover {
	border-color: var(--bg-primary-transparent-hover);
	background-color: var(--bg-primary-transparent-hover);
}
.navbar-dark .navbar-toggle:not(.collapsed):active,
.navbar-dark .navbar-toggle:not(.collapsed):focus:active,
.navbar-dark button.navbar-toggler:not(.collapsed):active,
.navbar-dark button.navbar-toggler:not(.collapsed):focus:active {
	border-color: var(--bg-primary-transparent-active);
	background-color: var(--bg-primary-transparent-active);
}
.navbar-dark .navbar-toggle:not(.collapsed):focus,
.navbar-dark button.navbar-toggler:not(.collapsed):focus {
	border-color: var(--bg-default);
	background-color: var(--bg-default);
}
.navbar-toggle:hover,
.navbar-toggle:focus:hover,
button.navbar-toggler:hover,
button.navbar-toggler:focus:hover {
	border-width: 2px;
}
.navbar-toggle:active,
.navbar-toggle:focus:active,
button.navbar-toggler:active,
button.navbar-toggler:focus:active {
	border-width: 2px;
}
.navbar-toggle:focus,
button.navbar-toggler:focus {
	outline: 0;
	border-width: 1px;
}
.navbar-light .navbar-toggle,
.navbar-light button.navbar-toggler {
	outline-offset: 0;
}
.navbar-light .navbar-toggle:focus,
.navbar-light button.navbar-toggler:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.navbar-light .navbar-toggle:focus:not(:focus-visible),
.navbar-light button.navbar-toggler:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.navbar-light .navbar-toggle:focus-visible,
.navbar-light button.navbar-toggler:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.navbar-dark .navbar-toggle,
.navbar-dark button.navbar-toggler {
	outline-offset: 0;
}
.navbar-dark .navbar-toggle:focus,
.navbar-dark button.navbar-toggler:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: 2px;
}
.navbar-dark .navbar-toggle:focus:not(:focus-visible),
.navbar-dark button.navbar-toggler:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.navbar-dark .navbar-toggle:focus-visible,
.navbar-dark button.navbar-toggler:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: 2px;
}
.navbar-toggle .icon-bar,
button.navbar-toggler .icon-bar {
	-webkit-transition: background-color 0.1s;
	transition: background-color 0.1s;
	display: inline-block;
	margin: 0 auto;
	width: 20px;
	height: 2px;
	border: 0;
	border-radius: 0px;
}
.navbar-toggle .icon-bar + .icon-bar,
button.navbar-toggler .icon-bar + .icon-bar {
	margin-top: 5px;
}
.navbar-light .navbar-toggle .icon-bar,
.navbar-light button.navbar-toggler .icon-bar {
	background-color: var(--bg-primary);
}
.navbar-light .navbar-toggle:hover .icon-bar,
.navbar-light .navbar-toggle:focus:hover .icon-bar,
.navbar-light button.navbar-toggler:hover .icon-bar,
.navbar-light button.navbar-toggler:focus:hover .icon-bar {
	background-color: var(--bg-primary-hover);
}
.navbar-light .navbar-toggle:active .icon-bar,
.navbar-light .navbar-toggle:focus:active .icon-bar,
.navbar-light button.navbar-toggler:active .icon-bar,
.navbar-light button.navbar-toggler:focus:active .icon-bar {
	background-color: var(--bg-primary-active);
}
.navbar-light .navbar-toggle:focus .icon-bar,
.navbar-light button.navbar-toggler:focus .icon-bar {
	background-color: var(--bg-primary-focus);
}
.navbar-light .navbar-toggle:not(.collapsed) .icon-bar,
.navbar-light button.navbar-toggler:not(.collapsed) .icon-bar {
	background-color: var(--bg-default);
}
.navbar-light .navbar-toggle:not(.collapsed):hover .icon-bar,
.navbar-light .navbar-toggle:not(.collapsed):focus:hover .icon-bar,
.navbar-light button.navbar-toggler:not(.collapsed):hover .icon-bar,
.navbar-light button.navbar-toggler:not(.collapsed):focus:hover .icon-bar {
	background-color: var(--bg-default);
}
.navbar-light .navbar-toggle:not(.collapsed):active .icon-bar,
.navbar-light .navbar-toggle:not(.collapsed):focus:active .icon-bar,
.navbar-light button.navbar-toggler:not(.collapsed):active .icon-bar,
.navbar-light button.navbar-toggler:not(.collapsed):focus:active .icon-bar {
	background-color: var(--bg-default);
}
.navbar-light .navbar-toggle:not(.collapsed):focus .icon-bar,
.navbar-light button.navbar-toggler:not(.collapsed):focus .icon-bar {
	background-color: var(--bg-default);
}
.navbar-dark .navbar-toggle .icon-bar,
.navbar-dark button.navbar-toggler .icon-bar {
	background-color: var(--bg-default);
}
.navbar-dark .navbar-toggle:hover .icon-bar,
.navbar-dark .navbar-toggle:focus:hover .icon-bar,
.navbar-dark button.navbar-toggler:hover .icon-bar,
.navbar-dark button.navbar-toggler:focus:hover .icon-bar {
	background-color: var(--bg-default);
}
.navbar-dark .navbar-toggle:active .icon-bar,
.navbar-dark .navbar-toggle:focus:active .icon-bar,
.navbar-dark button.navbar-toggler:active .icon-bar,
.navbar-dark button.navbar-toggler:focus:active .icon-bar {
	background-color: var(--bg-default);
}
.navbar-dark .navbar-toggle:focus .icon-bar,
.navbar-dark button.navbar-toggler:focus .icon-bar {
	background-color: var(--bg-default);
}
.navbar-dark .navbar-toggle:not(.collapsed) .icon-bar,
.navbar-dark button.navbar-toggler:not(.collapsed) .icon-bar {
	background-color: var(--bg-primary);
}
.navbar-dark .navbar-toggle:not(.collapsed):hover .icon-bar,
.navbar-dark .navbar-toggle:not(.collapsed):focus:hover .icon-bar,
.navbar-dark button.navbar-toggler:not(.collapsed):hover .icon-bar,
.navbar-dark button.navbar-toggler:not(.collapsed):focus:hover .icon-bar {
	background-color: var(--bg-primary-hover);
}
.navbar-dark .navbar-toggle:not(.collapsed):active .icon-bar,
.navbar-dark .navbar-toggle:not(.collapsed):focus:active .icon-bar,
.navbar-dark button.navbar-toggler:not(.collapsed):active .icon-bar,
.navbar-dark button.navbar-toggler:not(.collapsed):focus:active .icon-bar {
	background-color: var(--bg-primary-active);
}
.navbar-dark .navbar-toggle:not(.collapsed):focus .icon-bar,
.navbar-dark button.navbar-toggler:not(.collapsed):focus .icon-bar {
	background-color: var(--bg-primary-focus);
}

/* ------------------------------ COMPONENTS: Header: Navbar Navigation - Primary ------------------------------ */
.nav {
	padding-left: 0;
	list-style: none;
}
.nav > li {
	position: relative;
	display: block;
}

.navbar-nav {
	margin: 0;
}
@media (min-width: 768px) {
	.navbar-nav {
		float: none;
		margin: 0;
	}
}
@media (min-width: 768px) {
	.navbar-nav > li {
		float: none;
	}
}
.navbar-nav > li > a {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
}
.navbar-nav > li > a > .glyphicon {
	position: relative;
}
.navbar-nav > li > a > .caret {
	-webkit-transition:
		top 0.2s,
		right 0.2s,
		transform 0.2s,
		border-color 0.05s;
	transition:
		top 0.2s,
		right 0.2s,
		transform 0.2s,
		border-color 0.05s;
	position: relative;
}
.navbar-nav > li > .dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
	margin-bottom: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
@media (max-width: 1179px) {
	.navbar-nav > li > a {
		-webkit-transition:
			padding 0.2s,
			background-color 0.05s,
			color 0.05s;
		transition:
			padding 0.2s,
			background-color 0.05s,
			color 0.05s;
		padding-top: 7px;
		padding-bottom: 9px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
		padding-right: 44px;
		padding-right: 42px;
		padding-right: 71px;
	}
	.navbar-nav > li > a > .glyphicon {
		-webkit-transition:
			top 0.2s,
			right 0.2s,
			color 0.05s;
		transition:
			top 0.2s,
			right 0.2s,
			color 0.05s;
		top: 1px;
		margin-left: 5px;
		font-size: 14px;
		position: absolute;
		top: 13px;
		right: 20px;
	}
	.navbar-nav > li > a > .caret {
		top: 0px;
		margin-left: 5px;
		transform: rotate(0deg);
		right: 0px;
		border: 6px solid transparent;
		border-top-color: currentColor;
		border-bottom: 0;
		position: absolute;
		top: 16px;
		right: 20px;
	}
	.navbar-nav > .open > a {
		padding-top: 7px;
		padding-bottom: 9px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
		font-weight: 600;
		padding-right: 44px;
		padding-right: 42px;
		padding-right: 71px;
	}
	.navbar-nav > .open > a > .glyphicon {
		top: 13px;
		right: 20px;
	}
	.navbar-nav > .open > a > .caret {
		top: -2px;
		right: 0px;
		transform: rotate(-180deg);
		top: 14px;
		right: 20px;
	}
	.navbar-nav > li > .dropdown-toggle {
		padding-top: 7px;
		padding-bottom: 9px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
		font-weight: 600;
		padding-right: 44px;
		cursor: default;
	}
	.navbar-nav > li > .dropdown-toggle > .caret,
	.navbar-nav > li > .dropdown-toggle:after {
		display: none;
	}
}
@media (min-width: 1180px) {
	.navbar-nav {
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.navbar-nav > li > a {
		-webkit-transition:
			background-color 0.05s,
			color 0.05s;
		transition:
			background-color 0.05s,
			color 0.05s;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: flex !important;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
		height: 80px;
		font-size: 22px;
		font-weight: 400;
		line-height: 1.5;
		padding-bottom: 4px;
	}
	.navbar-nav > li > a > .glyphicon {
		-webkit-transition: color 0.05s;
		transition: color 0.05s;
		top: 2px;
		margin-left: 10px;
		margin-left: 10px;
		font-size: 16px;
	}
	.navbar-nav > li > a > .caret {
		top: 3px;
		right: 0px;
		margin-left: 10px;
		transform: rotate(0deg);
		border: 6px solid transparent;
		border-top-color: currentColor;
		border-bottom: 0;
	}
	.navbar-nav > li > a::before {
		display: inline-block;
		content: "";
		position: absolute;
		right: 50%;
		bottom: 20px;
		left: 50%;
		-webkit-transition:
			background 0.1s,
			left 0.1s,
			right 0.1s;
		transition:
			background 0.1s,
			left 0.1s,
			right 0.1s;
		height: 2px;
		background: currentColor;
	}
	.navbar-nav > li > a:hover::before {
		left: 15px;
		right: 15px;
	}
	.navbar-nav > li.active > a::before {
		left: 15px;
		right: 15px;
	}
	.navbar-nav > li.disabled > a::before {
		display: none;
	}
	.navbar-nav > .open > a > .caret {
		top: 2px;
		right: 0px;
		transform: rotate(-180deg);
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Navigation - Primary (Themes) [Mobile] ------------------------------ */
@media (max-width: 1179px) {
	.navbar-light .navbar-nav {
		background: var(--bg-default);
	}
	.navbar-light .navbar-nav > li > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > li > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > li > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-light .navbar-nav > li > a > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-light .navbar-nav > li > a:hover,
	.navbar-light .navbar-nav > li > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li > a:hover > .caret,
	.navbar-light .navbar-nav > li > a:hover:focus > .caret {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li > a:active,
	.navbar-light .navbar-nav > li > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li > a:active > .glyphicon,
	.navbar-light .navbar-nav > li > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li > a:active > .caret,
	.navbar-light .navbar-nav > li > a:active:focus > .caret {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > li > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > li > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > .active > a {
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > .active > a,
	.navbar-light .navbar-nav > .active > a:hover,
	.navbar-light .navbar-nav > .active > a:hover:focus,
	.navbar-light .navbar-nav > .active > a:active,
	.navbar-light .navbar-nav > .active > a:active:focus,
	.navbar-light .navbar-nav > .active > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .active > a > .glyphicon,
	.navbar-light .navbar-nav > .active > a:hover > .glyphicon,
	.navbar-light .navbar-nav > .active > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > .active > a:active > .glyphicon,
	.navbar-light .navbar-nav > .active > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .active > a > .caret,
	.navbar-light .navbar-nav > .active > a:hover > .caret,
	.navbar-light .navbar-nav > .active > a:hover:focus > .caret,
	.navbar-light .navbar-nav > .active > a:active > .caret,
	.navbar-light .navbar-nav > .active > a:active:focus > .caret,
	.navbar-light .navbar-nav > .active > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .disabled > a,
	.navbar-light .navbar-nav > .disabled > a:hover,
	.navbar-light .navbar-nav > .disabled > a:hover:focus,
	.navbar-light .navbar-nav > .disabled > a:active,
	.navbar-light .navbar-nav > .disabled > a:active:focus,
	.navbar-light .navbar-nav > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > .disabled > a > .glyphicon,
	.navbar-light .navbar-nav > .disabled > a:hover > .glyphicon,
	.navbar-light .navbar-nav > .disabled > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > .disabled > a:active > .glyphicon,
	.navbar-light .navbar-nav > .disabled > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > .disabled > a > .caret,
	.navbar-light .navbar-nav > .disabled > a:hover > .caret,
	.navbar-light .navbar-nav > .disabled > a:hover:focus > .caret,
	.navbar-light .navbar-nav > .disabled > a:active > .caret,
	.navbar-light .navbar-nav > .disabled > a:active:focus > .caret,
	.navbar-light .navbar-nav > .disabled > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > li > .dropdown-toggle,
	.navbar-light .navbar-nav > li > .dropdown-toggle:hover,
	.navbar-light .navbar-nav > li > .dropdown-toggle:hover:focus,
	.navbar-light .navbar-nav > li > .dropdown-toggle:active,
	.navbar-light .navbar-nav > li > .dropdown-toggle:active:focus,
	.navbar-light .navbar-nav > li > .dropdown-toggle:focus {
		background-color: var(--bg-default) !important;
		color: var(--text-color-default) !important;
	}
	.navbar-light .navbar-nav > li > .dropdown-toggle > .glyphicon,
	.navbar-light .navbar-nav > li > .dropdown-toggle:hover > .glyphicon,
	.navbar-light .navbar-nav > li > .dropdown-toggle:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li > .dropdown-toggle:active > .glyphicon,
	.navbar-light .navbar-nav > li > .dropdown-toggle:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li > .dropdown-toggle:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default) !important;
	}
	.navbar-light .navbar-nav > .open > a {
		background-color: var(--bg-default);
		color: var(--text-color-default);
	}
	.navbar-light .navbar-nav > .open > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-light .navbar-nav > .open > a > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-light .navbar-nav > .open > a:hover,
	.navbar-light .navbar-nav > .open > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > .open > a:hover > .glyphicon,
	.navbar-light .navbar-nav > .open > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > .open > a:hover > .caret,
	.navbar-light .navbar-nav > .open > a:hover:focus > .caret {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > .open > a:active,
	.navbar-light .navbar-nav > .open > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > .open > a:active > .glyphicon,
	.navbar-light .navbar-nav > .open > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > .open > a:active > .caret,
	.navbar-light .navbar-nav > .open > a:active:focus > .caret {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > .open > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-default);
	}
	.navbar-light .navbar-nav > .open > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > .open > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-dark .navbar-nav {
		background: var(--bg-default);
	}
	.navbar-dark .navbar-nav > li > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > li > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > li > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:hover,
	.navbar-dark .navbar-nav > li > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:hover > .caret,
	.navbar-dark .navbar-nav > li > a:hover:focus > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:active,
	.navbar-dark .navbar-nav > li > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:active > .caret,
	.navbar-dark .navbar-nav > li > a:active:focus > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .active > a {
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > .active > a,
	.navbar-dark .navbar-nav > .active > a:hover,
	.navbar-dark .navbar-nav > .active > a:hover:focus,
	.navbar-dark .navbar-nav > .active > a:active,
	.navbar-dark .navbar-nav > .active > a:active:focus,
	.navbar-dark .navbar-nav > .active > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > .active > a > .glyphicon,
	.navbar-dark .navbar-nav > .active > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > .active > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > .active > a:active > .glyphicon,
	.navbar-dark .navbar-nav > .active > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > .active > a > .caret,
	.navbar-dark .navbar-nav > .active > a:hover > .caret,
	.navbar-dark .navbar-nav > .active > a:hover:focus > .caret,
	.navbar-dark .navbar-nav > .active > a:active > .caret,
	.navbar-dark .navbar-nav > .active > a:active:focus > .caret,
	.navbar-dark .navbar-nav > .active > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > .disabled > a,
	.navbar-dark .navbar-nav > .disabled > a:hover,
	.navbar-dark .navbar-nav > .disabled > a:hover:focus,
	.navbar-dark .navbar-nav > .disabled > a:active,
	.navbar-dark .navbar-nav > .disabled > a:active:focus,
	.navbar-dark .navbar-nav > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > .disabled > a > .glyphicon,
	.navbar-dark .navbar-nav > .disabled > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > .disabled > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > .disabled > a:active > .glyphicon,
	.navbar-dark .navbar-nav > .disabled > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > .disabled > a > .caret,
	.navbar-dark .navbar-nav > .disabled > a:hover > .caret,
	.navbar-dark .navbar-nav > .disabled > a:hover:focus > .caret,
	.navbar-dark .navbar-nav > .disabled > a:active > .caret,
	.navbar-dark .navbar-nav > .disabled > a:active:focus > .caret,
	.navbar-dark .navbar-nav > .disabled > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > li > .dropdown-toggle,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:hover,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:hover:focus,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:active,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:active:focus,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:focus {
		background-color: var(--bg-default) !important;
		color: var(--text-color-default) !important;
	}
	.navbar-dark .navbar-nav > li > .dropdown-toggle > .glyphicon,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:hover > .glyphicon,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:active > .glyphicon,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li > .dropdown-toggle:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default) !important;
	}
	.navbar-dark .navbar-nav > .open > a {
		background-color: var(--bg-default);
		color: var(--text-color-default);
	}
	.navbar-dark .navbar-nav > .open > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a:hover,
	.navbar-dark .navbar-nav > .open > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-default);
	}
	.navbar-dark .navbar-nav > .open > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > .open > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a:hover > .caret,
	.navbar-dark .navbar-nav > .open > a:hover:focus > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a:active,
	.navbar-dark .navbar-nav > .open > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-default);
	}
	.navbar-dark .navbar-nav > .open > a:active > .glyphicon,
	.navbar-dark .navbar-nav > .open > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a:active > .caret,
	.navbar-dark .navbar-nav > .open > a:active:focus > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-default);
	}
	.navbar-dark .navbar-nav > .open > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > .open > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav {
		background: var(--bg-default);
	}
	.navbar-collapse-light .navbar-nav > li > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-collapse-light .navbar-nav > li > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-collapse-light .navbar-nav > li > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav > li > a > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav > li > a:hover,
	.navbar-collapse-light .navbar-nav > li > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li > a:hover > .caret,
	.navbar-collapse-light .navbar-nav > li > a:hover:focus > .caret {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li > a:active,
	.navbar-collapse-light .navbar-nav > li > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li > a:active > .caret,
	.navbar-collapse-light .navbar-nav > li > a:active:focus > .caret {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > li > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > li > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > .active > a {
		outline-offset: 0;
	}
	.navbar-collapse-light .navbar-nav > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-collapse-light .navbar-nav > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > .active > a,
	.navbar-collapse-light .navbar-nav > .active > a:hover,
	.navbar-collapse-light .navbar-nav > .active > a:hover:focus,
	.navbar-collapse-light .navbar-nav > .active > a:active,
	.navbar-collapse-light .navbar-nav > .active > a:active:focus,
	.navbar-collapse-light .navbar-nav > .active > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > .active > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > .active > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > .active > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > .active > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > .active > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > .active > a > .caret,
	.navbar-collapse-light .navbar-nav > .active > a:hover > .caret,
	.navbar-collapse-light .navbar-nav > .active > a:hover:focus > .caret,
	.navbar-collapse-light .navbar-nav > .active > a:active > .caret,
	.navbar-collapse-light .navbar-nav > .active > a:active:focus > .caret,
	.navbar-collapse-light .navbar-nav > .active > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > .disabled > a,
	.navbar-collapse-light .navbar-nav > .disabled > a:hover,
	.navbar-collapse-light .navbar-nav > .disabled > a:hover:focus,
	.navbar-collapse-light .navbar-nav > .disabled > a:active,
	.navbar-collapse-light .navbar-nav > .disabled > a:active:focus,
	.navbar-collapse-light .navbar-nav > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > .disabled > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > .disabled > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > .disabled > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > .disabled > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > .disabled > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > .disabled > a > .caret,
	.navbar-collapse-light .navbar-nav > .disabled > a:hover > .caret,
	.navbar-collapse-light .navbar-nav > .disabled > a:hover:focus > .caret,
	.navbar-collapse-light .navbar-nav > .disabled > a:active > .caret,
	.navbar-collapse-light .navbar-nav > .disabled > a:active:focus > .caret,
	.navbar-collapse-light .navbar-nav > .disabled > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:hover,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:hover:focus,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:active,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:active:focus,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:focus {
		background-color: var(--bg-default) !important;
		color: var(--text-color-default) !important;
	}
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li > .dropdown-toggle:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default) !important;
	}
	.navbar-collapse-light .navbar-nav > .open > a {
		background-color: var(--bg-default);
		color: var(--text-color-default);
	}
	.navbar-collapse-light .navbar-nav > .open > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav > .open > a > .caret {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav > .open > a:hover,
	.navbar-collapse-light .navbar-nav > .open > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > .open > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > .open > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > .open > a:hover > .caret,
	.navbar-collapse-light .navbar-nav > .open > a:hover:focus > .caret {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > .open > a:active,
	.navbar-collapse-light .navbar-nav > .open > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > .open > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > .open > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > .open > a:active > .caret,
	.navbar-collapse-light .navbar-nav > .open > a:active:focus > .caret {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > .open > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-default);
	}
	.navbar-collapse-light .navbar-nav > .open > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > .open > a:focus > .caret {
		color: var(--text-color-on-primary-transparent-focus);
	}
}
@media (min-width: 1180px) {
	.navbar-light .navbar-nav {
		background: transparent;
	}
	.navbar-light .navbar-nav > li > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > li > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > li > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li > a:hover,
	.navbar-light .navbar-nav > li > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li > a:active,
	.navbar-light .navbar-nav > li > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > .active > a {
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > .active > a,
	.navbar-light .navbar-nav > .active > a:hover,
	.navbar-light .navbar-nav > .active > a:hover:focus,
	.navbar-light .navbar-nav > .active > a:active,
	.navbar-light .navbar-nav > .active > a:active:focus,
	.navbar-light .navbar-nav > .active > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .disabled > a,
	.navbar-light .navbar-nav > .disabled > a:hover,
	.navbar-light .navbar-nav > .disabled > a:hover:focus,
	.navbar-light .navbar-nav > .disabled > a:active,
	.navbar-light .navbar-nav > .disabled > a:active:focus,
	.navbar-light .navbar-nav > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > .open > a {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .open > a:hover,
	.navbar-light .navbar-nav > .open > a:hover:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .open > a:active,
	.navbar-light .navbar-nav > .open > a:active:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > .open > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav {
		background: transparent;
	}
	.navbar-dark .navbar-nav > li > a {
		background-color: var(--bg-primary);
		color: var(--white);
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > li > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > li > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li > a:hover,
	.navbar-dark .navbar-nav > li > a:hover:focus {
		background-color: var(--bg-primary-hover);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > li > a:active,
	.navbar-dark .navbar-nav > li > a:active:focus {
		background-color: var(--bg-primary-active);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > li > a:focus {
		background-color: var(--bg-primary);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > .active > a {
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > .active > a,
	.navbar-dark .navbar-nav > .active > a:hover,
	.navbar-dark .navbar-nav > .active > a:hover:focus,
	.navbar-dark .navbar-nav > .active > a:active,
	.navbar-dark .navbar-nav > .active > a:active:focus,
	.navbar-dark .navbar-nav > .active > a:focus {
		background-color: var(--bg-primary-active);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > .disabled > a,
	.navbar-dark .navbar-nav > .disabled > a:hover,
	.navbar-dark .navbar-nav > .disabled > a:hover:focus,
	.navbar-dark .navbar-nav > .disabled > a:active,
	.navbar-dark .navbar-nav > .disabled > a:active:focus,
	.navbar-dark .navbar-nav > .disabled > a:focus {
		background-color: var(--bg-primary);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > .open > a {
		background-color: var(--bg-primary-active);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > .open > a:hover,
	.navbar-dark .navbar-nav > .open > a:hover:focus {
		background-color: var(--bg-primary-active);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > .open > a:active,
	.navbar-dark .navbar-nav > .open > a:active:focus {
		background-color: var(--bg-primary-active);
		color: var(--white);
	}
	.navbar-dark .navbar-nav > .open > a:focus {
		background-color: var(--bg-primary-active);
		color: var(--white);
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Navigation - Primary Subnavigation ------------------------------ */
.navbar-nav .dropdown-menu > li > a {
	-webkit-transition:
		background-color 0.05s,
		color 0.05s;
	transition:
		background-color 0.05s,
		color 0.05s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	text-decoration: none;
}
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
	background-image: none;
}
@media (max-width: 1179px) {
	.navbar-nav .dropdown-menu {
		position: static;
		float: none;
		margin-top: 0;
		width: auto;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.navbar-nav .dropdown-menu > li > a,
	.navbar-nav .dropdown-menu > li > button {
		white-space: normal;
	}
	.navbar-nav .dropdown-menu > li > a::before,
	.navbar-nav .dropdown-menu > li > a::after {
		display: inline-block;
		content: "";
	}
	.navbar-nav .dropdown-menu > li > a::before {
		position: absolute;
		top: 0;
		left: 28px;
		width: 1px;
		height: 100%;
	}
	.navbar-nav .dropdown-menu > li > a::after {
		position: absolute;
		top: 50%;
		left: 29px;
		width: 13px;
		height: 1px;
	}
	.navbar-nav .dropdown-menu > li:last-child > a::before {
		height: calc(50% + 1px);
	}
	.navbar-nav .dropdown-menu {
		display: block;
	}
}
@media (min-width: 1180px) {
	.navbar-nav > li > .dropdown-menu {
		margin-top: -1px;
		min-width: 100%;
	}
	.navbar-nav .dropdown-menu {
		margin-top: -1px;
		padding-top: 7px;
		padding-bottom: 9px;
		border-width: 1px;
		border-radius: 4px;
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: -1px;
	}
}
@media (max-width: 1179px) {
	.navbar-nav .dropdown-menu {
		padding-top: 7px;
		padding-bottom: 9px;
	}
	.navbar-nav .dropdown-menu > li > a {
		padding-top: 7px !important;
		padding-bottom: 9px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5 !important;
		padding-right: 44px !important;
		padding-left: 50px !important;
	}
	.navbar-nav .dropdown-menu > li > a > .glyphicon {
		top: 1px;
		margin-left: 5px;
		font-size: 14px;
		position: absolute;
		top: 13px;
		right: 20px;
	}
	.navbar-nav .dropdown-menu .dropdown-header {
		padding-top: 7px !important;
		padding-bottom: 9px !important;
		padding-right: 20px !important;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		padding-left: 50px !important;
		padding-left: 20px !important;
	}
	.navbar-nav .dropdown-menu .dropdown-header:not(:first-child) {
		margin-top: 0px;
	}
	.navbar-nav .dropdown-menu .divider {
		height: 1px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media (min-width: 1180px) {
	.navbar-nav .dropdown-menu {
		padding-top: 7px;
		padding-bottom: 9px;
	}
	.navbar-nav .dropdown-menu > li > a {
		padding-top: 7px !important;
		padding-bottom: 9px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5 !important;
		padding-right: 44px !important;
	}
	.navbar-nav .dropdown-menu > li > a > .glyphicon {
		top: 1px;
		margin-left: 5px;
		font-size: 14px;
		position: absolute;
		top: 13px;
		right: 20px;
	}
	.navbar-nav .dropdown-menu .dropdown-header {
		padding-top: 7px !important;
		padding-bottom: 9px !important;
		padding-right: 20px !important;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.5;
		padding-left: 20px !important;
	}
	.navbar-nav .dropdown-menu .dropdown-header:not(:first-child) {
		margin-top: 0px;
	}
	.navbar-nav .dropdown-menu .divider {
		height: 1px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 20px;
		margin-right: 20px;
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Navigation - Primary Subnavigation (Themes) ------------------------------ */
@media (max-width: 1179px) {
	.navbar-light .navbar-nav > li .dropdown-menu,
	.navbar-light .navbar-nav .open .dropdown-menu {
		background-color: var(--bg-default);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus-visible,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus-visible,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus-visible,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a {
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus-visible,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a::before,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a::after,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a::before,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a::after {
		background: rgba(var(--text-color-on-primary-transparent-default), 0.3);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li.selected > a::before,
	.navbar-light .navbar-nav > li .dropdown-menu > li.selected > a::after,
	.navbar-light .navbar-nav .open .dropdown-menu > li.selected > a::before,
	.navbar-light .navbar-nav .open .dropdown-menu > li.selected > a::after {
		background: rgba(var(--text-color-default), 0.3);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .dropdown-header,
	.navbar-light .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: none;
		background: var(--bg-accent);
		color: var(--text-color-default);
	}
	.navbar-light .navbar-nav > li .dropdown-menu .divider,
	.navbar-light .navbar-nav .open .dropdown-menu .divider {
		background-color: var(--border-color-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu,
	.navbar-dark .navbar-nav .open .dropdown-menu {
		background-color: var(--bg-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus-visible,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus-visible,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus-visible,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a {
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus-visible,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a::before,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a::after,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a::before,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a::after {
		background: rgba(var(--text-color-on-primary-transparent-default), 0.3);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li.selected > a::before,
	.navbar-dark .navbar-nav > li .dropdown-menu > li.selected > a::after,
	.navbar-dark .navbar-nav .open .dropdown-menu > li.selected > a::before,
	.navbar-dark .navbar-nav .open .dropdown-menu > li.selected > a::after {
		background: rgba(var(--text-color-default), 0.3);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .dropdown-header,
	.navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: none;
		background: var(--bg-accent);
		color: var(--text-color-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu .divider,
	.navbar-dark .navbar-nav .open .dropdown-menu .divider {
		background-color: var(--border-color-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu {
		background-color: var(--bg-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus-visible,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus-visible,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus-visible,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a {
		outline-offset: 0;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus-visible,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a::before,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a::after,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a::before,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a::after {
		background: rgba(var(--text-color-on-primary-transparent-default), 0.3);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li.selected > a::before,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li.selected > a::after,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li.selected > a::before,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li.selected > a::after {
		background: rgba(var(--text-color-default), 0.3);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .dropdown-header,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: none;
		background: var(--bg-accent);
		color: var(--text-color-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu .divider,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu .divider {
		background-color: var(--border-color-default);
	}
}
@media (min-width: 1180px) {
	.navbar-light .navbar-nav > li .dropdown-menu,
	.navbar-light .navbar-nav .open .dropdown-menu {
		background-color: var(--bg-default);
		border-color: var(--shadow-border-color);
		box-shadow: 0px 2px 10px 0px var(--shadow-color);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus-visible,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus-visible,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus-visible,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .active > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a {
		outline-offset: 0;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus:not(:focus-visible),
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus-visible,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .selected > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .selected > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav > li .dropdown-menu > .disabled > a:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-light .navbar-nav .open .dropdown-menu > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-light .navbar-nav > li .dropdown-menu > .dropdown-header,
	.navbar-light .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: none;
		background: var(--bg-accent);
		color: var(--text-color-default);
	}
	.navbar-light .navbar-nav > li .dropdown-menu .divider,
	.navbar-light .navbar-nav .open .dropdown-menu .divider {
		background-color: var(--border-color-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu,
	.navbar-dark .navbar-nav .open .dropdown-menu {
		background-color: var(--bg-default);
		border-color: var(--shadow-border-color);
		box-shadow: 0px 2px 10px 0px var(--shadow-color);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus-visible,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus-visible,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus-visible,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .active > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a {
		outline-offset: 0;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus:not(:focus-visible),
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus-visible,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .selected > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .selected > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active:focus,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active:focus,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav > li .dropdown-menu > .disabled > a:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-dark .navbar-nav .open .dropdown-menu > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu > .dropdown-header,
	.navbar-dark .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: none;
		background: var(--bg-accent);
		color: var(--text-color-default);
	}
	.navbar-dark .navbar-nav > li .dropdown-menu .divider,
	.navbar-dark .navbar-nav .open .dropdown-menu .divider {
		background-color: var(--border-color-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu {
		background-color: var(--bg-default);
		border-color: var(--shadow-border-color);
		box-shadow: 0px 2px 10px 0px var(--shadow-color);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-default);
		outline-offset: 0;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus-visible,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus-visible,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus-visible,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--outline-color-on-primary-focus);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a > .glyphicon {
		color: var(--text-color-on-primary-transparent-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus {
		background-color: var(--bg-primary-transparent-hover);
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:hover:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-hover);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active:focus {
		background-color: var(--bg-primary-transparent-active);
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:active:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-active);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: var(--bg-primary-transparent-focus);
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .active > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > li > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .active > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-focus);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a {
		outline-offset: 0;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus:not(:focus-visible),
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus:not(:focus-visible) {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: transparent;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus-visible,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus-visible {
		outline-width: 2px;
		outline-style: dashed;
		outline-color: var(--white);
		outline-offset: -4px;
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus {
		background-color: var(--bg-primary-transparent-selected);
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .selected > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .selected > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-selected);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: var(--bg-default);
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .disabled > a:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:hover:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:active:focus > .glyphicon,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .disabled > a:focus > .glyphicon {
		color: var(--text-color-on-primary-transparent-disabled);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu > .dropdown-header,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: none;
		background: var(--bg-accent);
		color: var(--text-color-default);
	}
	.navbar-collapse-light .navbar-nav > li .dropdown-menu .divider,
	.navbar-collapse-light .navbar-nav .open .dropdown-menu .divider {
		background-color: var(--border-color-default);
	}
}
/* ------------------------------ COMPONENTS: Header: Navbar Content ------------------------------ */
.navbar-btn {
	margin-top: 7.5px;
	margin-bottom: 7.5px;
}
.navbar-btn.btn-sm,
.btn-group-sm > .navbar-btn.btn {
	margin-top: 9.5px;
	margin-bottom: 9.5px;
}
.navbar-btn.btn-xs,
.btn-group-xs > .navbar-btn.btn {
	margin-top: 14px;
	margin-bottom: 14px;
}

.navbar-text {
	margin-top: 14.5px;
	margin-bottom: 14.5px;
}
@media (min-width: 1180px) {
	.navbar-text {
		float: left;
		margin-left: 15px;
		margin-right: 15px;
	}
}

/* ------------------------------ COMPONENTS: Header: Navbar Form ------------------------------ */
.navbar-form {
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px 15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.1),
		0 1px 0 rgba(255, 255, 255, 0.1);
	margin-top: 7.5px;
	margin-bottom: 7.5px;
}
@media (min-width: 1180px) {
	.navbar-form {
		width: auto;
		border: 0;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
@media (min-width: 768px) {
	.navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .form-control,
	.navbar-form div.msos-container,
	.navbar-form .msos-input-container {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.navbar-form .form-control-static {
		display: inline-block;
	}
	.navbar-form .input-group {
		display: inline-table;
		vertical-align: middle;
	}
	.navbar-form .input-group .input-group-addon,
	.navbar-form .input-group .input-group-btn,
	.navbar-form .input-group .form-control,
	.navbar-form .input-group div.msos-container,
	.navbar-form .input-group .msos-input-container {
		width: auto;
	}
	.navbar-form .input-group > .form-control,
	.navbar-form .input-group > div.msos-container,
	.navbar-form .input-group > .msos-input-container {
		width: 100%;
	}
	.navbar-form .control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .radio,
	.navbar-form .checkbox {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.navbar-form .radio label,
	.navbar-form .checkbox label {
		padding-left: 0;
	}
	.navbar-form .radio input[type="radio"] {
		position: relative;
		margin-left: 0;
	}
	.navbar-form .checkbox input[type="checkbox"] {
		position: relative;
		margin-left: 0;
	}
	.navbar-form .has-feedback .form-control-feedback {
		top: 0;
	}
}
@media (max-width: 1179px) {
	.navbar-form .navbar-form .form-group {
		margin-bottom: 5px;
	}
	.navbar-form .navbar-form .form-group:last-child {
		margin-bottom: 0;
	}
}

/* ------------------------------ COMPONENTS: Header - Navbar Secondary ------------------------------ */
.navbar-secondary {
	height: 40px;
	background: var(--blue-600);
	z-index: 1001;
}
@media (min-width: 768px) {
	.navbar-secondary {
		height: 40px;
	}
}
.navbar-secondary .container {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	position: relative;
}
.navbar-secondary .container > *:not(.skip-links) {
	border-left: 1px solid var(--blue-500);
}
.navbar-secondary .container > *:not(.skip-links):last-child {
	border-right: 1px solid var(--blue-500);
}
.navbar-secondary .container > *:not(.skip-links) + * {
	margin-left: 0;
}
.navbar-secondary .navbar-secondary-link {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline-offset: 0;
	display: inline-block;
	padding: 0 15px;
	height: 40px;
	border: none;
	background: none;
	text-decoration: none;
	font-size: 14px;
	color: var(--white);
	line-height: 40px;
}
.navbar-secondary .navbar-secondary-link:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.navbar-secondary .navbar-secondary-link:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.navbar-secondary .navbar-secondary-link:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
@media (min-width: 768px) {
	.navbar-secondary .navbar-secondary-link {
		height: 40px;
		line-height: 40px;
	}
}
.navbar-secondary .navbar-secondary-link:hover {
	background: var(--blue-700);
	text-decoration: none;
}
.navbar-secondary .navbar-secondary-link:hover .text {
	text-decoration: underline;
}
.navbar-secondary .navbar-secondary-link:active {
	background: var(--blue-800);
}
.navbar-secondary .navbar-secondary-link:focus {
	text-decoration: none;
}
.navbar-secondary .navbar-secondary-link:focus .text {
	text-decoration: none;
}
.navbar-secondary .navbar-secondary-link:focus:hover .text {
	text-decoration: underline;
}
.navbar-secondary .navbar-secondary-link .glyphicon {
	position: relative;
	top: 3px;
}
.navbar-secondary .navbar-secondary-link .glyphicon.glyphicon-comment {
	top: 4px;
}
@media (max-width: 479px) {
	.navbar-secondary .navbar-secondary-link .text {
		display: none;
	}
	.navbar-secondary .navbar-secondary-link:has(.text:last-child) .glyphicon {
		margin: 0 !important;
	}
}
@media (min-width: 480px) {
	.navbar-secondary .navbar-secondary-link .glyphicon-user {
		display: none;
	}
}
@media (max-width: 479px) {
	.navbar-secondary .container > div:last-child:not(.dropdown) .text {
		display: inline;
	}
}
.navbar-secondary .dropdown .navbar-secondary-link {
	padding-right: 9px;
}
.navbar-secondary .dropdown.open .navbar-secondary-link:hover .text {
	text-decoration: underline;
}
.navbar-secondary .dropdown.open .navbar-secondary-link {
	background: var(--blue-800);
}
.navbar-secondary .caret {
	margin-left: 5px;
	margin-bottom: 2px;
}
.navbar-secondary .dropdown-menu .divider {
	display: none;
}

.navbar-secondary .container > .skip-links {
	border: 0;
}

.skip-links a {
	text-decoration: none;
	outline-offset: 0;
	position: absolute;
	top: -1000px;
	left: 0;
	margin-left: 20px;
	display: inline-block;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
}
.skip-links a:hover {
	text-decoration: underline;
}
.skip-links a:active,
.skip-links a:focus {
	text-decoration: none;
}
.skip-links a:disabled,
.skip-links a.disabled {
	text-decoration: none;
}
.skip-links a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
.skip-links a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.skip-links a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
@media (min-width: 769px) {
	.skip-links a {
		margin-left: 20px;
	}
}
@media (min-width: 1181px) {
	.skip-links a {
		margin-left: 20px;
	}
}
.skip-links a,
.skip-links a:focus {
	color: var(--text-color-on-dark-bg);
}
.skip-links a:focus {
	top: 0;
}

/* ------------------------------ COMPONENTS: Header: Navbar - Text ------------------------------ */
:root {
	--blue-22: 136, 187, 255;
	--blue-88: 34, 102, 170;
	--red-22: #cc3333;
	--red-88: #660000;
	--purple-22: #8888cc;
	--purple-88: #2222bb;
	--green-22: #00aa00;
	--green-88: #005500;
	--bg-opacity: 1;
}

:root,
[data-bs-theme="light"] {
	--global-color-blue: var(--blue-22);
	--global-color-red: var(--red-22);
	--global-color-purple: var(--purple-22);
	--global-color-green: var(--green-22);
}

[data-bs-theme="dark"] {
	--global-color-blue: var(--blue-88);
	--global-color-red: var(--red-88);
	--global-color-purple: var(--purple-88);
	--global-color-green: var(--green-88);
}

:root,
[data-bs-theme="light"] {
	--nested-global-color-blue: var(--global-color-blue);
	--nested-global-color-red: var(--global-color-red);
	--nested-global-color-purple: var(--global-color-purple);
	--nested-global-color-green: var(--global-color-green);
}

[data-bs-theme="dark"] {
	--nested-global-color-blue: var(--global-color-blue);
	--nested-global-color-red: var(--global-color-red);
	--nested-global-color-purple: var(--global-color-purple);
	--nested-global-color-green: var(--global-color-green);
}

:root,
[data-bs-theme="light"] {
	--navbar-test-bg-color: var(--nested-global-color-blue);
	--navbar-test-border-color: var(--global-color-red);
	--navbar-test-text-color: var(--purple-22);
	--navbar-test-h6-color: #ffff00;
}

[data-bs-theme="dark"] {
	--navbar-test-bg-color: var(--nested-global-color-blue);
	--navbar-test-border-color: var(--global-color-red);
	--navbar-test-text-color: var(--purple-88);
	--navbar-test-h6-color: #666600;
}

.navbar-test {
	background: rgba(var(--navbar-test-bg-color), var(--bg-opacity));
	border: 10px solid var(--navbar-test-border-color);
	color: var(--navbar-test-text-color);
}
.navbar-test h6 {
	color: var(--navbar-test-h6-color);
}

/* ------------------------------ COMPONENTS: Image ------------------------------ */
figure {
	margin: 0;
}

img {
	vertical-align: middle;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.img-rounded {
	border-radius: 0;
}

.img-thumbnail {
	padding: 0;
	line-height: 1.5;
	background-color: var(--white);
	border: 1px solid var(--border-color-default);
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.img-circle {
	border-radius: 50%;
}

/* ------------------------------ COMPONENTS: Image - Thumbnail ------------------------------ */
.thumbnail {
	display: block;
	padding: 0;
	margin-bottom: 24px;
	line-height: 1.5;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 0;
	-webkit-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
	margin-right: auto;
	margin-left: auto;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #0066cc;
}

.thumbnail .caption {
	padding: 24px;
	color: #111111;
}

/* ------------------------------ COMPONENTS: Jumbotron ------------------------------ */
.jumbotron {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: inherit;
	background-color: #f8f8f8;
}

.jumbotron h1,
.jumbotron .h1 {
	color: inherit;
}

.jumbotron p {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 200;
}

.jumbotron > hr {
	border-top-color: #dfdfdf;
}

.container .jumbotron,
.container-fluid .jumbotron {
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 0;
}

.jumbotron .container {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.jumbotron {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	.container .jumbotron,
	.container-fluid .jumbotron {
		padding-right: 40px;
		padding-left: 40px;
	}
	.jumbotron h1,
	.jumbotron .h1 {
		font-size: 56px;
	}
}
a {
	outline-offset: 0;
	color: var(--text-color-on-primary-transparent-default);
	font-size: inherit;
	font-weight: 400;
	text-transform: none;
	text-decoration: underline;
}
a:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
a:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
a:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
a:hover {
	color: var(--text-color-on-primary-transparent-hover);
}
a:active {
	color: var(--text-color-on-primary-transparent-active);
}
a:focus {
	color: var(--text-color-on-primary-transparent-focus);
}
a:disabled,
a.disabled {
	color: var(--text-color-on-primary-transparent-disabled);
}
a:disabled,
a.disabled {
	color: var(--text-color-on-primary-transparent-disabled);
	cursor: not-allowed;
}
a:hover,
a:focus {
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
a:disabled,
a.disabled {
	text-decoration: none;
}
a[href*="tel:"] {
	white-space: nowrap;
}
a.nested-text {
	text-decoration: none;
}
a.nested-text .text {
	text-decoration: underline;
}
a.nested-text:hover .text,
a.nested-text:focus .text {
	text-decoration: none;
}
a.nested-text:active .text {
	text-decoration: underline;
}
a.nested-text:disabled .text,
a.nested-text.disabled .text {
	text-decoration: none;
}

html[dir="ltr"] li a {
	margin-left: 0;
}

/* ------------------------------ COMPONENTS: List Group ------------------------------ */
.list-group {
	padding-left: 0;
	margin-bottom: 20px;
	list-style-type: none;
}

.list-group-item {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: -1px;
	border: 1px solid var(--border-color-default);
	background-color: var(--bg-default);
	color: var(--text-color-default);
	padding: 10px 20px 10px;
	font-size: 16px;
	text-decoration: none;
}
.list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: var(--bg-primary);
	border-color: var(--bg-primary);
	color: var(--white);
}
.list-group-item.active > .badge {
	color: var(--text-color-default);
	background-color: var(--bg-default);
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
	color: var(--text-color-disabled);
	background-color: var(--bg-default);
	cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
	color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
	color: var(--text-color-disabled);
}
.list-group-item.disabled,
.list-group-item.incomplete {
	color: var(--text-color-disabled);
	border-color: var(--gray-300) !important;
	background-color: var(--bg-default) !important;
}
.list-group-item + .list-group-item {
	border-top-width: 1px;
}
.list-group-item .badge {
	position: relative;
	top: 2px;
}

a.list-group-item,
button.list-group-item {
	-webkit-transition:
		background-color 0.1s,
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		background-color 0.1s,
		border-color 0.1s,
		box-shadow 0.1s;
	outline-offset: 0;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: var(--text-color-on-primary-transparent-default);
	width: 100%;
	text-align: left;
}
a.list-group-item:focus,
button.list-group-item:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
a.list-group-item:focus:not(:focus-visible),
button.list-group-item:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
a.list-group-item:focus-visible,
button.list-group-item:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
	color: var(--text-color-default);
}
a.list-group-item:not(.disabled):hover,
a.list-group-item:not(.disabled):focus,
a.list-group-item:not(.disabled):active,
button.list-group-item:not(.disabled):hover,
button.list-group-item:not(.disabled):focus,
button.list-group-item:not(.disabled):active {
	text-decoration: none;
	z-index: 1;
}
a.list-group-item:not(.disabled):not(.active):focus,
a.list-group-item:not(.disabled):not(.active):hover,
button.list-group-item:not(.disabled):not(.active):focus,
button.list-group-item:not(.disabled):not(.active):hover {
	color: var(--text-color-on-primary-transparent-hover);
	background-color: var(--bg-primary-transparent-hover);
	border-color: var(--border-color-on-primary-transparent-hover);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-primary-transparent-hover);
}
a.list-group-item:active:not(.active):not(.disabled),
button.list-group-item:active:not(.active):not(.disabled) {
	color: var(--text-color-on-primary-transparent-active);
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-primary-transparent-hover);
}
a.list-group-item:not(.active):not(.disabled):active,
button.list-group-item:not(.active):not(.disabled):active {
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-primary-transparent-hover);
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
button.list-group-item.active,
button.list-group-item.active:hover,
button.list-group-item.active:focus {
	background-color: var(--bg-primary-transparent-selected);
	border-color: var(--border-color-on-primary-transparent-selected);
}
a.list-group-item.active h1,
a.list-group-item.active h2,
a.list-group-item.active h3,
a.list-group-item.active h4,
a.list-group-item.active h5,
a.list-group-item.active h6,
a.list-group-item.active .h1,
a.list-group-item.active .h2,
a.list-group-item.active .h3,
a.list-group-item.active .h4,
a.list-group-item.active .h5,
a.list-group-item.active .h6,
a.list-group-item.active:hover h1,
a.list-group-item.active:hover h2,
a.list-group-item.active:hover h3,
a.list-group-item.active:hover h4,
a.list-group-item.active:hover h5,
a.list-group-item.active:hover h6,
a.list-group-item.active:hover .h1,
a.list-group-item.active:hover .h2,
a.list-group-item.active:hover .h3,
a.list-group-item.active:hover .h4,
a.list-group-item.active:hover .h5,
a.list-group-item.active:hover .h6,
a.list-group-item.active:focus h1,
a.list-group-item.active:focus h2,
a.list-group-item.active:focus h3,
a.list-group-item.active:focus h4,
a.list-group-item.active:focus h5,
a.list-group-item.active:focus h6,
a.list-group-item.active:focus .h1,
a.list-group-item.active:focus .h2,
a.list-group-item.active:focus .h3,
a.list-group-item.active:focus .h4,
a.list-group-item.active:focus .h5,
a.list-group-item.active:focus .h6,
button.list-group-item.active h1,
button.list-group-item.active h2,
button.list-group-item.active h3,
button.list-group-item.active h4,
button.list-group-item.active h5,
button.list-group-item.active h6,
button.list-group-item.active .h1,
button.list-group-item.active .h2,
button.list-group-item.active .h3,
button.list-group-item.active .h4,
button.list-group-item.active .h5,
button.list-group-item.active .h6,
button.list-group-item.active:hover h1,
button.list-group-item.active:hover h2,
button.list-group-item.active:hover h3,
button.list-group-item.active:hover h4,
button.list-group-item.active:hover h5,
button.list-group-item.active:hover h6,
button.list-group-item.active:hover .h1,
button.list-group-item.active:hover .h2,
button.list-group-item.active:hover .h3,
button.list-group-item.active:hover .h4,
button.list-group-item.active:hover .h5,
button.list-group-item.active:hover .h6,
button.list-group-item.active:focus h1,
button.list-group-item.active:focus h2,
button.list-group-item.active:focus h3,
button.list-group-item.active:focus h4,
button.list-group-item.active:focus h5,
button.list-group-item.active:focus h6,
button.list-group-item.active:focus .h1,
button.list-group-item.active:focus .h2,
button.list-group-item.active:focus .h3,
button.list-group-item.active:focus .h4,
button.list-group-item.active:focus .h5,
button.list-group-item.active:focus .h6 {
	color: var(--text-color-on-primary-transparent-selected);
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active .list-group-item-heading > small,
a.list-group-item.active .list-group-item-heading > .small,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading > small,
a.list-group-item.active:hover .list-group-item-heading > .small,
a.list-group-item.active:focus .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading > small,
a.list-group-item.active:focus .list-group-item-heading > .small,
button.list-group-item.active .list-group-item-heading,
button.list-group-item.active .list-group-item-heading > small,
button.list-group-item.active .list-group-item-heading > .small,
button.list-group-item.active:hover .list-group-item-heading,
button.list-group-item.active:hover .list-group-item-heading > small,
button.list-group-item.active:hover .list-group-item-heading > .small,
button.list-group-item.active:focus .list-group-item-heading,
button.list-group-item.active:focus .list-group-item-heading > small,
button.list-group-item.active:focus .list-group-item-heading > .small {
	color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text,
button.list-group-item.active .list-group-item-text,
button.list-group-item.active:hover .list-group-item-text,
button.list-group-item.active:focus .list-group-item-text {
	color: var(--text-color-on-primary-transparent-selected);
}
a.list-group-item.active:focus,
button.list-group-item.active:focus {
	outline-color: var(--white);
}
a.list-group-item.active > .badge,
button.list-group-item.active > .badge {
	color: var(--text-color-on-primary-transparent-default);
	background-color: var(--bg-default);
}

.list-group-item-heading {
	margin-top: 0;
	margin-bottom: 5px;
}

.list-group-item-text {
	margin-bottom: 0;
	line-height: 1.5;
}

div.list-group.progress,
ol.progress,
.list-group.progress {
	height: auto;
	overflow: visible;
	background-color: transparent;
	box-shadow: none;
}
div.list-group.progress.left,
ol.progress.left,
.list-group.progress.left {
	margin: 0;
}
div.list-group.progress.left li,
ol.progress.left li,
.list-group.progress.left li {
	float: none !important;
}
div.list-group.progress.top::after,
ol.progress.top::after,
.list-group.progress.top::after {
	display: block;
	content: "";
	clear: both;
}
div.list-group.progress.top li.list-group-item,
div.list-group.progress.top a.list-group-item,
div.list-group.progress.top button.list-group-item,
ol.progress.top li.list-group-item,
ol.progress.top a.list-group-item,
ol.progress.top button.list-group-item,
.list-group.progress.top li.list-group-item,
.list-group.progress.top a.list-group-item,
.list-group.progress.top button.list-group-item {
	width: auto;
	margin-right: -1px;
}
div.list-group.progress.top li.list-group-item:after,
div.list-group.progress.top a.list-group-item:after,
div.list-group.progress.top button.list-group-item:after,
ol.progress.top li.list-group-item:after,
ol.progress.top a.list-group-item:after,
ol.progress.top button.list-group-item:after,
.list-group.progress.top li.list-group-item:after,
.list-group.progress.top a.list-group-item:after,
.list-group.progress.top button.list-group-item:after {
	display: none;
}
@media (min-width: 768px) {
	div.list-group.progress.top li.list-group-item,
	div.list-group.progress.top a.list-group-item,
	div.list-group.progress.top button.list-group-item,
	ol.progress.top li.list-group-item,
	ol.progress.top a.list-group-item,
	ol.progress.top button.list-group-item,
	.list-group.progress.top li.list-group-item,
	.list-group.progress.top a.list-group-item,
	.list-group.progress.top button.list-group-item {
		float: left;
	}
}
div.list-group.progress .list-group-item.active:after,
ol.progress .list-group-item.active:after,
.list-group.progress .list-group-item.active:after {
	border-left-color: var(--bg-primary);
}
div.list-group.progress a.list-group-item.active,
div.list-group.progress button.list-group-item.active,
ol.progress a.list-group-item.active,
ol.progress button.list-group-item.active,
.list-group.progress a.list-group-item.active,
.list-group.progress button.list-group-item.active {
	border-color: transparent;
	box-shadow: none;
	color: var(--white);
}
div.list-group.progress a.list-group-item.active:after,
div.list-group.progress button.list-group-item.active:after,
ol.progress a.list-group-item.active:after,
ol.progress button.list-group-item.active:after,
.list-group.progress a.list-group-item.active:after,
.list-group.progress button.list-group-item.active:after {
	border-left-color: var(--bg-primary-transparent-selected);
}
div.list-group.progress .list-group-item .glyphicon,
div.list-group.progress .list-group-item [class^="fa-"],
ol.progress .list-group-item .glyphicon,
ol.progress .list-group-item [class^="fa-"],
.list-group.progress .list-group-item .glyphicon,
.list-group.progress .list-group-item [class^="fa-"] {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
	font-size: 16px;
	color: var(--text-color-success);
}
div.list-group.progress .list-group-item:has(.glyphicon-ok),
div.list-group.progress .list-group-item:has([class^="fa-"]),
ol.progress .list-group-item:has(.glyphicon-ok),
ol.progress .list-group-item:has([class^="fa-"]),
.list-group.progress .list-group-item:has(.glyphicon-ok),
.list-group.progress .list-group-item:has([class^="fa-"]) {
	padding-right: 43px !important;
}
div.list-group.progress .list-group-item:after,
ol.progress .list-group-item:after,
.list-group.progress .list-group-item:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}
div.list-group.progress .list-group-item.active .glyphicon,
div.list-group.progress .list-group-item.active [class^="fa-"],
ol.progress .list-group-item.active .glyphicon,
ol.progress .list-group-item.active [class^="fa-"],
.list-group.progress .list-group-item.active .glyphicon,
.list-group.progress .list-group-item.active [class^="fa-"] {
	color: var(--white);
}

.list-group-flush {
	margin-bottom: 0;
}
.list-group-flush > .list-group-item {
	border-left-width: 0;
	border-right-width: 0;
}
.list-group-flush > .list-group-item:first-child {
	border-top-width: 0;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.list-group-flush > .list-group-item:last-child {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.list-group:not(.progress) .list-group-item-success {
	color: var(--text-color-success);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-success-default);
}
.list-group:not(.progress) .list-group-item-success.active,
.list-group:not(.progress) .list-group-item-success.active:hover {
	color: var(--white);
	background-color: var(--bg-success);
	border-color: var(--border-color-on-success-default);
	position: relative;
}
.list-group:not(.progress) a.list-group-item-success,
.list-group:not(.progress) button.list-group-item-success {
	outline-offset: 0;
	color: var(--text-color-success);
}
.list-group:not(.progress) a.list-group-item-success:focus,
.list-group:not(.progress) button.list-group-item-success:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-success);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-success:focus:not(:focus-visible),
.list-group:not(.progress) button.list-group-item-success:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.list-group:not(.progress) a.list-group-item-success:focus-visible,
.list-group:not(.progress) button.list-group-item-success:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-success);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-success .list-group-item-heading,
.list-group:not(.progress) button.list-group-item-success .list-group-item-heading {
	color: var(--text-color-default);
}
.list-group:not(.progress) a.list-group-item-success:not(.disabled):not(.active):hover,
.list-group:not(.progress) a.list-group-item-success:not(.disabled):not(.active):focus,
.list-group:not(.progress) button.list-group-item-success:not(.disabled):not(.active):hover,
.list-group:not(.progress) button.list-group-item-success:not(.disabled):not(.active):focus {
	color: var(--text-color-on-success-transparent-hover);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-success-hover);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-success-hover);
}
.list-group:not(.progress)
	a.list-group-item-success:not(
		.list-group:not(.progress) a.list-group-item-success.active,
		.list-group:not(.progress) button.list-group-item-success.active
	):active,
.list-group:not(.progress)
	button.list-group-item-success:not(
		.list-group:not(.progress) a.list-group-item-success.active,
		.list-group:not(.progress) button.list-group-item-success.active
	):active {
	color: var(--text-color-on-success-transparent-active);
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-success-active);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-success-active);
}
.list-group:not(.progress) a.list-group-item-success.active,
.list-group:not(.progress) a.list-group-item-success.active:hover,
.list-group:not(.progress) a.list-group-item-success.active:focus,
.list-group:not(.progress) button.list-group-item-success.active,
.list-group:not(.progress) button.list-group-item-success.active:hover,
.list-group:not(.progress) button.list-group-item-success.active:focus {
	color: var(--white);
	background-color: var(--bg-success);
	border-color: var(--border-color-on-success-default);
	position: relative;
	box-shadow: none;
}
.list-group:not(.progress) .list-group-item-success > .badge,
.list-group:not(.progress) a.list-group-item-success > .badge,
.list-group:not(.progress) button.list-group-item-success > .badge {
	color: var(--white);
	background-color: var(--bg-success);
}
.list-group:not(.progress) .list-group-item-success.active > .badge,
.list-group:not(.progress) a.list-group-item-success.active > .badge,
.list-group:not(.progress) button.list-group-item-success.active > .badge {
	color: var(--text-color-success);
	background-color: var(--bg-default);
}
.list-group:not(.progress) div.list-group.progress .list-group-item-success.active,
.list-group:not(.progress) div.list-group.progress .list-group-item-success.active:hover,
.list-group:not(.progress) ol.progress .list-group-item-success.active,
.list-group:not(.progress) ol.progress .list-group-item-success.active:hover,
.list-group:not(.progress) .list-group.progress .list-group-item-success.active,
.list-group:not(.progress) .list-group.progress .list-group-item-success.active:hover {
	background-color: var(--bg-success) !important;
	border-color: var(--border-color-on-success-default) !important;
}
.list-group:not(.progress) div.list-group.progress .list-group-item-success.active:after,
.list-group:not(.progress) ol.progress .list-group-item-success.active:after,
.list-group:not(.progress) .list-group.progress .list-group-item-success.active:after {
	border-left-color: var(--bg-success) !important;
}

.list-group:not(.progress) .list-group-item-info {
	color: var(--text-color-info);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-info-default);
}
.list-group:not(.progress) .list-group-item-info.active,
.list-group:not(.progress) .list-group-item-info.active:hover {
	color: var(--white);
	background-color: var(--bg-info);
	border-color: var(--border-color-on-info-default);
	position: relative;
}
.list-group:not(.progress) a.list-group-item-info,
.list-group:not(.progress) button.list-group-item-info {
	outline-offset: 0;
	color: var(--text-color-info);
}
.list-group:not(.progress) a.list-group-item-info:focus,
.list-group:not(.progress) button.list-group-item-info:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-info);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-info:focus:not(:focus-visible),
.list-group:not(.progress) button.list-group-item-info:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.list-group:not(.progress) a.list-group-item-info:focus-visible,
.list-group:not(.progress) button.list-group-item-info:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-info);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-info .list-group-item-heading,
.list-group:not(.progress) button.list-group-item-info .list-group-item-heading {
	color: var(--text-color-default);
}
.list-group:not(.progress) a.list-group-item-info:not(.disabled):not(.active):hover,
.list-group:not(.progress) a.list-group-item-info:not(.disabled):not(.active):focus,
.list-group:not(.progress) button.list-group-item-info:not(.disabled):not(.active):hover,
.list-group:not(.progress) button.list-group-item-info:not(.disabled):not(.active):focus {
	color: var(--text-color-on-info-transparent-hover);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-info-hover);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-info-hover);
}
.list-group:not(.progress)
	a.list-group-item-info:not(.list-group:not(.progress) a.list-group-item-info.active, .list-group:not(.progress) button.list-group-item-info.active):active,
.list-group:not(.progress)
	button.list-group-item-info:not(
		.list-group:not(.progress) a.list-group-item-info.active,
		.list-group:not(.progress) button.list-group-item-info.active
	):active {
	color: var(--text-color-on-info-transparent-active);
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-info-active);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-info-active);
}
.list-group:not(.progress) a.list-group-item-info.active,
.list-group:not(.progress) a.list-group-item-info.active:hover,
.list-group:not(.progress) a.list-group-item-info.active:focus,
.list-group:not(.progress) button.list-group-item-info.active,
.list-group:not(.progress) button.list-group-item-info.active:hover,
.list-group:not(.progress) button.list-group-item-info.active:focus {
	color: var(--white);
	background-color: var(--bg-info);
	border-color: var(--border-color-on-info-default);
	position: relative;
	box-shadow: none;
}
.list-group:not(.progress) .list-group-item-info > .badge,
.list-group:not(.progress) a.list-group-item-info > .badge,
.list-group:not(.progress) button.list-group-item-info > .badge {
	color: var(--white);
	background-color: var(--bg-info);
}
.list-group:not(.progress) .list-group-item-info.active > .badge,
.list-group:not(.progress) a.list-group-item-info.active > .badge,
.list-group:not(.progress) button.list-group-item-info.active > .badge {
	color: var(--text-color-info);
	background-color: var(--bg-default);
}
.list-group:not(.progress) div.list-group.progress .list-group-item-info.active,
.list-group:not(.progress) div.list-group.progress .list-group-item-info.active:hover,
.list-group:not(.progress) ol.progress .list-group-item-info.active,
.list-group:not(.progress) ol.progress .list-group-item-info.active:hover,
.list-group:not(.progress) .list-group.progress .list-group-item-info.active,
.list-group:not(.progress) .list-group.progress .list-group-item-info.active:hover {
	background-color: var(--bg-info) !important;
	border-color: var(--border-color-on-info-default) !important;
}
.list-group:not(.progress) div.list-group.progress .list-group-item-info.active:after,
.list-group:not(.progress) ol.progress .list-group-item-info.active:after,
.list-group:not(.progress) .list-group.progress .list-group-item-info.active:after {
	border-left-color: var(--bg-info) !important;
}

.list-group:not(.progress) .list-group-item-warning {
	color: var(--text-color-warning);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-warning-default);
}
.list-group:not(.progress) .list-group-item-warning.active,
.list-group:not(.progress) .list-group-item-warning.active:hover {
	color: var(--white);
	background-color: var(--bg-warning);
	border-color: var(--border-color-on-warning-default);
	position: relative;
}
.list-group:not(.progress) a.list-group-item-warning,
.list-group:not(.progress) button.list-group-item-warning {
	outline-offset: 0;
	color: var(--text-color-warning);
}
.list-group:not(.progress) a.list-group-item-warning:focus,
.list-group:not(.progress) button.list-group-item-warning:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-warning);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-warning:focus:not(:focus-visible),
.list-group:not(.progress) button.list-group-item-warning:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.list-group:not(.progress) a.list-group-item-warning:focus-visible,
.list-group:not(.progress) button.list-group-item-warning:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-warning);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-warning .list-group-item-heading,
.list-group:not(.progress) button.list-group-item-warning .list-group-item-heading {
	color: var(--text-color-default);
}
.list-group:not(.progress) a.list-group-item-warning:not(.disabled):not(.active):hover,
.list-group:not(.progress) a.list-group-item-warning:not(.disabled):not(.active):focus,
.list-group:not(.progress) button.list-group-item-warning:not(.disabled):not(.active):hover,
.list-group:not(.progress) button.list-group-item-warning:not(.disabled):not(.active):focus {
	color: var(--text-color-on-warning-transparent-hover);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-warning-hover);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-warning-hover);
}
.list-group:not(.progress)
	a.list-group-item-warning:not(
		.list-group:not(.progress) a.list-group-item-warning.active,
		.list-group:not(.progress) button.list-group-item-warning.active
	):active,
.list-group:not(.progress)
	button.list-group-item-warning:not(
		.list-group:not(.progress) a.list-group-item-warning.active,
		.list-group:not(.progress) button.list-group-item-warning.active
	):active {
	color: var(--text-color-on-warning-transparent-active);
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-warning-active);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-warning-active);
}
.list-group:not(.progress) a.list-group-item-warning.active,
.list-group:not(.progress) a.list-group-item-warning.active:hover,
.list-group:not(.progress) a.list-group-item-warning.active:focus,
.list-group:not(.progress) button.list-group-item-warning.active,
.list-group:not(.progress) button.list-group-item-warning.active:hover,
.list-group:not(.progress) button.list-group-item-warning.active:focus {
	color: var(--white);
	background-color: var(--bg-warning);
	border-color: var(--border-color-on-warning-default);
	position: relative;
	box-shadow: none;
}
.list-group:not(.progress) .list-group-item-warning > .badge,
.list-group:not(.progress) a.list-group-item-warning > .badge,
.list-group:not(.progress) button.list-group-item-warning > .badge {
	color: var(--white);
	background-color: var(--bg-warning);
}
.list-group:not(.progress) .list-group-item-warning.active > .badge,
.list-group:not(.progress) a.list-group-item-warning.active > .badge,
.list-group:not(.progress) button.list-group-item-warning.active > .badge {
	color: var(--text-color-warning);
	background-color: var(--bg-default);
}
.list-group:not(.progress) div.list-group.progress .list-group-item-warning.active,
.list-group:not(.progress) div.list-group.progress .list-group-item-warning.active:hover,
.list-group:not(.progress) ol.progress .list-group-item-warning.active,
.list-group:not(.progress) ol.progress .list-group-item-warning.active:hover,
.list-group:not(.progress) .list-group.progress .list-group-item-warning.active,
.list-group:not(.progress) .list-group.progress .list-group-item-warning.active:hover {
	background-color: var(--bg-warning) !important;
	border-color: var(--border-color-on-warning-default) !important;
}
.list-group:not(.progress) div.list-group.progress .list-group-item-warning.active:after,
.list-group:not(.progress) ol.progress .list-group-item-warning.active:after,
.list-group:not(.progress) .list-group.progress .list-group-item-warning.active:after {
	border-left-color: var(--bg-warning) !important;
}

.list-group:not(.progress) .list-group-item-danger {
	color: var(--text-color-danger);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-danger-default);
}
.list-group:not(.progress) .list-group-item-danger.active,
.list-group:not(.progress) .list-group-item-danger.active:hover {
	color: var(--white);
	background-color: var(--bg-danger-default);
	border-color: var(--border-color-on-danger-default);
	position: relative;
}
.list-group:not(.progress) a.list-group-item-danger,
.list-group:not(.progress) button.list-group-item-danger {
	outline-offset: 0;
	color: var(--text-color-danger);
}
.list-group:not(.progress) a.list-group-item-danger:focus,
.list-group:not(.progress) button.list-group-item-danger:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-danger-default);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-danger:focus:not(:focus-visible),
.list-group:not(.progress) button.list-group-item-danger:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.list-group:not(.progress) a.list-group-item-danger:focus-visible,
.list-group:not(.progress) button.list-group-item-danger:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--bg-danger-default);
	outline-offset: 2px;
}
.list-group:not(.progress) a.list-group-item-danger .list-group-item-heading,
.list-group:not(.progress) button.list-group-item-danger .list-group-item-heading {
	color: var(--text-color-default);
}
.list-group:not(.progress) a.list-group-item-danger:not(.disabled):not(.active):hover,
.list-group:not(.progress) a.list-group-item-danger:not(.disabled):not(.active):focus,
.list-group:not(.progress) button.list-group-item-danger:not(.disabled):not(.active):hover,
.list-group:not(.progress) button.list-group-item-danger:not(.disabled):not(.active):focus {
	color: var(--text-color-on-danger-transparent-hover);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-danger-hover);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-danger-hover);
}
.list-group:not(.progress)
	a.list-group-item-danger:not(
		.list-group:not(.progress) a.list-group-item-danger.active,
		.list-group:not(.progress) button.list-group-item-danger.active
	):active,
.list-group:not(.progress)
	button.list-group-item-danger:not(
		.list-group:not(.progress) a.list-group-item-danger.active,
		.list-group:not(.progress) button.list-group-item-danger.active
	):active {
	color: var(--text-color-on-danger-transparent-active);
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-danger-active);
	box-shadow: inset 0px 0px 0px 1px var(--border-color-on-danger-active);
}
.list-group:not(.progress) a.list-group-item-danger.active,
.list-group:not(.progress) a.list-group-item-danger.active:hover,
.list-group:not(.progress) a.list-group-item-danger.active:focus,
.list-group:not(.progress) button.list-group-item-danger.active,
.list-group:not(.progress) button.list-group-item-danger.active:hover,
.list-group:not(.progress) button.list-group-item-danger.active:focus {
	color: var(--white);
	background-color: var(--bg-danger-default);
	border-color: var(--border-color-on-danger-default);
	position: relative;
	box-shadow: none;
}
.list-group:not(.progress) .list-group-item-danger > .badge,
.list-group:not(.progress) a.list-group-item-danger > .badge,
.list-group:not(.progress) button.list-group-item-danger > .badge {
	color: var(--white);
	background-color: var(--bg-danger-default);
}
.list-group:not(.progress) .list-group-item-danger.active > .badge,
.list-group:not(.progress) a.list-group-item-danger.active > .badge,
.list-group:not(.progress) button.list-group-item-danger.active > .badge {
	color: var(--text-color-danger);
	background-color: var(--bg-default);
}
.list-group:not(.progress) div.list-group.progress .list-group-item-danger.active,
.list-group:not(.progress) div.list-group.progress .list-group-item-danger.active:hover,
.list-group:not(.progress) ol.progress .list-group-item-danger.active,
.list-group:not(.progress) ol.progress .list-group-item-danger.active:hover,
.list-group:not(.progress) .list-group.progress .list-group-item-danger.active,
.list-group:not(.progress) .list-group.progress .list-group-item-danger.active:hover {
	background-color: var(--bg-danger-default) !important;
	border-color: var(--border-color-on-danger-default) !important;
}
.list-group:not(.progress) div.list-group.progress .list-group-item-danger.active:after,
.list-group:not(.progress) ol.progress .list-group-item-danger.active:after,
.list-group:not(.progress) .list-group.progress .list-group-item-danger.active:after {
	border-left-color: var(--bg-danger-default) !important;
}

/* ------------------------------ COMPONENT: List - Unordered ------------------------------ */
ul,
ol {
	margin-bottom: 20px;
	margin-top: 0;
}

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

.list-unstyled {
	padding-left: 0;
	list-style: none;
}

.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}

.list-inline > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

.list-links {
	list-style-position: inside;
	padding-left: 10px;
}

/* ------------------------------ COMPONENT: List - Ordered ------------------------------ */
/* ------------------------------ COMPONENTS: Loading Indicator ------------------------------ */
.loading-ui {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
	background: none;
}
.loading-ui:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bg-accent);
	opacity: 0.9;
	z-index: -1;
}
.loading-ui.visible {
	display: flex;
}
.loading-ui > div {
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
	border: 1px solid var(--shadow-border-color);
	margin: 0 auto;
	background: var(--bg-default);
}
.loading-ui .spinner {
	display: flex;
}
.loading-ui .spinner circle {
	fill: var(--bg-primary);
}
.loading-ui p {
	margin-top: 0;
	margin-left: 20px;
}

.loading-ui.full-screen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 100002;
}
.loading-ui.full-screen > div {
	padding: 30px 30px 30px;
	border-radius: 8px;
}
.loading-ui.full-screen p {
	font-size: 28px;
	margin-bottom: 2px;
}

body.disabled {
	overflow: hidden;
}

.loading-ui.contextual {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 101;
}
.loading-ui.contextual > div {
	padding: 15px 25px 15px;
	border-radius: 8px;
	border: none;
	background: none;
	box-shadow: none;
}
.loading-ui.contextual p {
	font-size: 22px;
	margin-bottom: 1px;
}

.contextual-loading-container {
	position: relative;
	min-height: 500px;
}
.contextual-loading-container.contextual-loading-container--sm {
	min-height: 100px;
}

.loading-ui.inline {
	display: none;
	background: none;
	z-index: 11;
}
.loading-ui.inline.visible {
	display: flex;
}
.loading-ui.inline > div {
	margin: 0;
	padding: 0 0 0;
	border-radius: 0;
	border: none;
	background: none;
	box-shadow: none;
}
.loading-ui.inline .spinner {
	position: relative;
	min-height: 36px;
}
.loading-ui.inline .spinner > * {
	position: absolute;
	top: -7px;
	left: -7px;
	transform: scale(0.72);
}
.loading-ui.inline p {
	margin-left: 51px;
	margin-bottom: 1px;
	font-size: 16px;
	font-weight: 600;
}

/* ------------------------------ COMPONENTS: Media ------------------------------ */
.media {
	margin-top: 15px;
}

.media:first-child {
	margin-top: 0;
}

.media,
.media-body {
	overflow: hidden;
	zoom: 1;
}

.media-body {
	width: 10000px;
}

.media-object {
	display: block;
}

.media-object.img-thumbnail {
	max-width: none;
}

.media-right,
.media > .pull-right {
	padding-left: 10px;
}

.media-left,
.media > .pull-left {
	padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
	display: table-cell;
	vertical-align: top;
}

.media-middle {
	vertical-align: middle;
}

.media-bottom {
	vertical-align: bottom;
}

.media-heading {
	margin-top: 0;
	margin-bottom: 5px;
}

.media-list {
	padding-left: 0;
	list-style: none;
}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.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-16by9 {
	padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
	padding-bottom: 75%;
}

/* ------------------------------ COMPONENTS: Modal Window - Container ------------------------------ */
.modal-open {
	overflow: hidden;
}
.modal-open .modal {
	padding: 0 !important;
	overflow-x: hidden;
	overflow-y: auto;
}
@media (min-width: 769px) {
	.modal-open .modal {
		overflow-y: hidden;
	}
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	z-index: 100000;
}
.modal.fade .modal-dialog {
	-webkit-transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	-webkit-transform: translate(0, -10%);
	transform: translate(0, -10%);
}
.modal.in .modal-dialog,
.modal.show .modal-dialog {
	-webkit-transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal.modal--confirm-modal {
	z-index: 100001;
}
.modal.modal--session-management {
	z-index: 100003;
}
.modal h2 {
	font-size: 22px;
}

.modal-form {
	z-index: 99999;
}

.modal-dialog {
	position: relative;
	margin: 10px auto 10px;
	width: 640px;
	max-width: calc(100vw - 10px * 2);
}
@media (min-width: 769px) {
	.modal-dialog {
		margin: 20px auto 20px;
		max-width: calc(100vw - 20px * 2);
	}
}
@media (min-width: 1181px) {
	.modal-dialog {
		margin: 20px auto 20px;
		max-width: calc(100vw - 20px * 2);
	}
}
@media (min-width: 1401px) {
	.modal-dialog {
		margin: 20px auto 20px;
		max-width: calc(100vw - 20px * 2);
	}
}
.modal-dialog.modal-xxs {
	width: 280px;
}
.modal-dialog.modal-xs {
	width: 320px;
}
.modal-dialog.modal-sm {
	width: 480px;
}
.modal-dialog.modal-md {
	width: 640px;
}
.modal-dialog.modal-lg {
	width: 960px;
}
.modal-dialog.modal-xl {
	width: 1200px;
}
.modal-dialog.modal-xxl {
	width: 1280px;
}

.modal-content {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
	max-height: calc(100dvh - 10px - 10px);
	border: 1px solid var(--shadow-border-color);
	border-radius: 8px;
	background: var(--white);
	background-clip: padding-box;
	box-shadow: 0px 2px 10px 0px var(--shadow-color) !important;
	outline: 0;
	color: var(--gray-900);
}
@media (min-width: 769px) {
	.modal-content {
		max-height: calc(100dvh - 20px - 20px);
	}
}
@media (min-width: 1181px) {
	.modal-content {
		max-height: calc(100dvh - 20px - 20px);
	}
}
@media (min-width: 1401px) {
	.modal-content {
		max-height: calc(100dvh - 20px - 20px);
	}
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

.modal-lookup {
	z-index: 99999;
}
.modal-lookup + .modal-form {
	z-index: 100000;
}

body:has(.modal-lookup.in + .modal-form) .modal-backdrop + .modal-backdrop {
	z-index: 99999;
}

/* ------------------------------ COMPONENTS: Modal Window - Overlay ------------------------------ */
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--bg-overlay-global);
	z-index: 99998;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop.in,
.modal-backdrop.show {
	opacity: 1;
}
.modal-backdrop:not(.fade) {
	z-index: 99999;
}

/* ------------------------------ COMPONENTS: Modal Window - Header ------------------------------ */
.modal-header {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	padding: 8px 30px 12px;
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	background: var(--white);
	border-bottom: 1px solid var(--border-color-default);
}
.modal-header .close,
.modal-header .btn-close {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	margin-top: 0;
}

.modal-title {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	min-height: 42px;
	line-height: inherit;
	align-items: center;
}
.modal .modal-title {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h3-color);
}
.modal-header .close,
.modal-header button.close,
.modal-header .btn-close,
.modal-header button.btn-close,
.modal-header .form-close,
.modal-header button.form-close {
	position: relative !important;
	top: 2px !important;
	right: -14px !important;
}

/* ---------- Modal Form header Icon ---------- */
.modal-form-insert .modal-title .fa,
.modal-form-edit .modal-title .fa {
	display: none;
}

/* ------------------------------ COMPONENTS: Modal Window - Body ------------------------------ */
.modal-body {
	position: relative;
	padding: 30px 30px 30px;
	background: var(--white);
	overflow-y: auto;
}
* > .modal-body:first-child {
	border-radius: 8px 8px 0 0;
}
* > .modal-body:last-child {
	border-radius: 0 0 8px 8px;
}
* > .modal-body:only-child {
	border-radius: 8px;
}
.modal-body > *:first-child {
	margin-top: 0;
}
.modal-body > *:last-child {
	margin-bottom: 0;
}

/* ------------------------------ COMPONENTS: Modal Window - Footer ------------------------------ */
.modal-footer {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	padding: 20px 30px 20px;
	text-align: left;
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: var(--white);
	border-top: 1px solid var(--border-color-default);
}
.modal-footer .btn {
	min-width: 120px;
}
.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 20px;
}
.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}
@media (max-width: 480px) {
	.modal-footer {
		display: flex;
		flex-wrap: wrap !important;
	}
	.modal-footer .btn,
	.modal-footer .btn + .btn {
		margin-bottom: 10px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100%;
		flex: none;
	}
	.modal-footer .btn:last-child,
	.modal-footer .btn + .btn:last-child {
		margin-bottom: 0 !important;
	}
}

/* ---------- Lookup modal footer button overrides ---------- */
.entity-lookup .modal-footer .btn + .btn {
	margin-right: 20px;
	margin-left: 0;
}
.entity-lookup .modal-footer .btn-primary,
.entity-lookup .modal-footer .toolbar-actions .input-group-btn .btn,
.entity-lookup .toolbar-actions .input-group-btn .modal-footer .btn {
	order: 2;
}
.entity-lookup .modal-footer button[title="Remove value"] {
	display: none;
}

/* ------------------------------ COMPONENT: Pager ------------------------------ */
.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}

.pager li {
	display: inline;
}

.pager li > a,
.pager li > span {
	display: inline-block;
	padding: 5px 14px;
	background-color: var(--bg-default);
	border: 1px solid var(--border-color-default);
	border-radius: 0;
	color: var(--text-color-on-primary-transparent-default);
}

.pager li > a:hover,
.pager li > a:focus {
	text-decoration: none;
	background-color: var(--bg-primary-transparent-hover);
}

.pager .next > a,
.pager .next > span {
	float: right;
}

.pager .previous > a,
.pager .previous > span {
	float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
	color: var(--text-color-disabled);
	background-color: var(--white);
	text-decoration: none;
	cursor: not-allowed;
}

/* ------------------------------ COMPONENT: Pagination ------------------------------ */
.pagination {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-top: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	border-radius: 0;
}
@media (min-width: 769px) {
	.pagination {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.pagination {
		margin-top: 30px;
	}
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	outline-offset: 0;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	float: left;
	margin-left: -1px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: var(--text-color-on-primary-transparent-default);
	text-decoration: none;
	background-color: var(--bg-default);
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	box-sizing: border-box;
	text-align: center;
}
.pagination > li > a:focus,
.pagination > li > span:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.pagination > li > a:focus:not(:focus-visible),
.pagination > li > span:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.pagination > li > a:focus-visible,
.pagination > li > span:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.pagination > li > a:hover,
.pagination > li > a:hover:focus,
.pagination > li > span:hover,
.pagination > li > span:hover:focus {
	color: var(--text-color-on-primary-transparent-hover);
	background-color: var(--bg-primary-transparent-hover);
	border-color: var(--border-color-on-primary-hover);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-hover);
	z-index: 2;
}
.pagination > li > a:active,
.pagination > li > a:active:focus,
.pagination > li > span:active,
.pagination > li > span:active:focus {
	color: var(--text-color-on-primary-transparent-active);
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-primary-active);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-active);
	z-index: 2;
}
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: var(--text-color-on-primary-transparent-default);
	background-color: var(--bg-default);
	border-color: transparent;
	box-shadow: inset 0 0 0 0px transparent;
	z-index: 2;
}
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
	color: var(--text-color-on-primary-transparent-selected);
	background-color: var(--bg-primary-default) !important;
	border-width: 1px;
	border-color: transparent;
	box-shadow: none;
	cursor: default;
	z-index: 3;
}
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover,
.pagination > li.disabled > a:focus,
.pagination > li.disabled > span,
.pagination > li.disabled > span:hover,
.pagination > li.disabled > span:focus {
	color: var(--text-color-disabled);
	background-color: var(--bg-default);
	border-width: 1px;
	border-color: transparent;
	box-shadow: none;
	cursor: not-allowed;
}
.pagination > li .entity-pager-prev-link,
.pagination > li .entity-pager-next-link {
	font-family: "Glyphicons Halflings";
	font-size: 0;
	color: transparent;
	background-color: var(--bg-default);
	border-width: 1px;
	border-color: var(--border-color-on-primary-default);
}
.pagination > li .entity-pager-prev-link::after,
.pagination > li .entity-pager-next-link::after {
	color: var(--text-color-on-primary-transparent-default);
}
.pagination > li .entity-pager-prev-link:hover,
.pagination > li .entity-pager-prev-link:hover:focus,
.pagination > li .entity-pager-next-link:hover,
.pagination > li .entity-pager-next-link:hover:focus {
	background-color: var(--bg-primary-transparent-hover);
	border-color: var(--border-color-on-primary-hover);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-hover);
	z-index: 2;
}
.pagination > li .entity-pager-prev-link:hover::after,
.pagination > li .entity-pager-prev-link:hover:focus::after,
.pagination > li .entity-pager-next-link:hover::after,
.pagination > li .entity-pager-next-link:hover:focus::after {
	color: var(--text-color-on-primary-transparent-hover);
}
.pagination > li .entity-pager-prev-link:active,
.pagination > li .entity-pager-prev-link:active:focus,
.pagination > li .entity-pager-next-link:active,
.pagination > li .entity-pager-next-link:active:focus {
	background-color: var(--bg-primary-transparent-active);
	border-color: var(--border-color-on-primary-active);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-active);
	z-index: 2;
}
.pagination > li .entity-pager-prev-link:active::after,
.pagination > li .entity-pager-prev-link:active:focus::after,
.pagination > li .entity-pager-next-link:active::after,
.pagination > li .entity-pager-next-link:active:focus::after {
	color: var(--text-color-on-primary-transparent-active);
}
.pagination > li .entity-pager-prev-link:focus,
.pagination > li .entity-pager-next-link:focus {
	color: var(--text-color-on-primary-transparent-default);
	background-color: var(--bg-default);
	border-color: var(--border-color-on-primary-focus);
	box-shadow: inset 0 0 0 0px var(--border-color-on-primary-focus);
	z-index: 2;
}
.pagination > li .entity-pager-prev-link:focus::after,
.pagination > li .entity-pager-next-link:focus::after {
	color: var(--text-color-on-primary-transparent-default);
}
.pagination > li .entity-pager-prev-link::after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e257";
}
.pagination > li .entity-pager-next-link::after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e258";
}
.pagination > li.disabled .entity-pager-prev-link,
.pagination > li.disabled .entity-pager-prev-link:hover,
.pagination > li.disabled .entity-pager-prev-link:focus,
.pagination > li.disabled .entity-pager-next-link,
.pagination > li.disabled .entity-pager-next-link:hover,
.pagination > li.disabled .entity-pager-next-link:focus {
	background-color: var(--bg-default);
	border-width: 1px;
	border-color: var(--border-color-disabled);
	box-shadow: none;
}
.pagination > li.disabled .entity-pager-prev-link::after,
.pagination > li.disabled .entity-pager-prev-link:hover::after,
.pagination > li.disabled .entity-pager-prev-link:focus::after,
.pagination > li.disabled .entity-pager-next-link::after,
.pagination > li.disabled .entity-pager-next-link:hover::after,
.pagination > li.disabled .entity-pager-next-link:focus::after {
	color: var(--text-color-disabled);
}
.pagination > li [data-page=".."] {
	font-family: "Glyphicons Halflings";
	font-size: 0;
	color: transparent;
	background-color: var(--bg-default);
	border-width: 1px;
	border-color: transparent;
}
.pagination > li [data-page=".."]::after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e234";
	color: var(--text-color-disabled);
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
}

/* ------------------------------ COMPONENT: Pagination - Size ------------------------------ */
.pagination > li + * {
	margin-left: 1px;
}
.pagination > li > a,
.pagination > li > span {
	padding: 7px 12px 9px;
	min-height: 42px;
	min-width: 42px;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 21px !important;
}
.pagination > li .entity-pager-prev-link,
.pagination > li .entity-pager-next-link {
	padding: 7px 12px 9px;
	line-height: 1.5;
	border-radius: 21px !important;
}
.pagination > li .entity-pager-prev-link::after,
.pagination > li .entity-pager-next-link::after {
	font-size: 16px;
}
.pagination > li .entity-pager-prev-link {
	margin-right: 1px;
}
.pagination > li .entity-pager-next-link {
	margin-left: 1px;
}
.pagination > li.disabled .entity-pager-prev-link,
.pagination > li.disabled .entity-pager-prev-link:hover,
.pagination > li.disabled .entity-pager-prev-link:focus,
.pagination > li.disabled .entity-pager-next-link,
.pagination > li.disabled .entity-pager-next-link:hover,
.pagination > li.disabled .entity-pager-next-link:focus {
	line-height: 1.5;
	border-radius: 21px !important;
}
.pagination > li.disabled .entity-pager-prev-link::after,
.pagination > li.disabled .entity-pager-prev-link:hover::after,
.pagination > li.disabled .entity-pager-prev-link:focus::after,
.pagination > li.disabled .entity-pager-next-link::after,
.pagination > li.disabled .entity-pager-next-link:hover::after,
.pagination > li.disabled .entity-pager-next-link:focus::after {
	font-size: 16px;
}
.pagination > li [data-page=".."] {
	margin: 0 1px;
	padding: 7px 12px 9px;
	line-height: 1.5;
	border-radius: 21px !important;
}
.pagination > li [data-page=".."]::after {
	font-size: 16px;
}
.pagination-sm > li + * {
	margin-left: 1px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 4px 8px 6px;
	min-height: 33px;
	min-width: 33px;
	font-size: 14px;
	line-height: 1.5;
	border-radius: 16.5px !important;
}
.pagination-sm > li .entity-pager-prev-link,
.pagination-sm > li .entity-pager-next-link {
	padding: 4px 8px 6px;
	line-height: 1.5;
	border-radius: 16.5px !important;
}
.pagination-sm > li .entity-pager-prev-link::after,
.pagination-sm > li .entity-pager-next-link::after {
	font-size: 14px;
}
.pagination-sm > li .entity-pager-prev-link {
	margin-right: 1px;
}
.pagination-sm > li .entity-pager-next-link {
	margin-left: 1px;
}
.pagination-sm > li.disabled .entity-pager-prev-link,
.pagination-sm > li.disabled .entity-pager-prev-link:hover,
.pagination-sm > li.disabled .entity-pager-prev-link:focus,
.pagination-sm > li.disabled .entity-pager-next-link,
.pagination-sm > li.disabled .entity-pager-next-link:hover,
.pagination-sm > li.disabled .entity-pager-next-link:focus {
	line-height: 1.5;
	border-radius: 16.5px !important;
}
.pagination-sm > li.disabled .entity-pager-prev-link::after,
.pagination-sm > li.disabled .entity-pager-prev-link:hover::after,
.pagination-sm > li.disabled .entity-pager-prev-link:focus::after,
.pagination-sm > li.disabled .entity-pager-next-link::after,
.pagination-sm > li.disabled .entity-pager-next-link:hover::after,
.pagination-sm > li.disabled .entity-pager-next-link:focus::after {
	font-size: 14px;
}
.pagination-sm > li [data-page=".."] {
	margin: 0 1px;
	padding: 4px 8px 6px;
	line-height: 1.5;
	border-radius: 16.5px !important;
}
.pagination-sm > li [data-page=".."]::after {
	font-size: 14px;
}
.pagination-lg > li + * {
	margin-left: 1px;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 9px 14px 11px;
	min-height: 49px;
	min-width: 49px;
	font-size: 18px;
	line-height: 1.5;
	border-radius: 24.5px !important;
}
.pagination-lg > li .entity-pager-prev-link,
.pagination-lg > li .entity-pager-next-link {
	padding: 9px 14px 11px;
	line-height: 1.5;
	border-radius: 24.5px !important;
}
.pagination-lg > li .entity-pager-prev-link::after,
.pagination-lg > li .entity-pager-next-link::after {
	font-size: 18px;
}
.pagination-lg > li .entity-pager-prev-link {
	margin-right: 1px;
}
.pagination-lg > li .entity-pager-next-link {
	margin-left: 1px;
}
.pagination-lg > li.disabled .entity-pager-prev-link,
.pagination-lg > li.disabled .entity-pager-prev-link:hover,
.pagination-lg > li.disabled .entity-pager-prev-link:focus,
.pagination-lg > li.disabled .entity-pager-next-link,
.pagination-lg > li.disabled .entity-pager-next-link:hover,
.pagination-lg > li.disabled .entity-pager-next-link:focus {
	line-height: 1.5;
	border-radius: 24.5px !important;
}
.pagination-lg > li.disabled .entity-pager-prev-link::after,
.pagination-lg > li.disabled .entity-pager-prev-link:hover::after,
.pagination-lg > li.disabled .entity-pager-prev-link:focus::after,
.pagination-lg > li.disabled .entity-pager-next-link::after,
.pagination-lg > li.disabled .entity-pager-next-link:hover::after,
.pagination-lg > li.disabled .entity-pager-next-link:focus::after {
	font-size: 18px;
}
.pagination-lg > li [data-page=".."] {
	margin: 0 1px;
	padding: 9px 14px 11px;
	line-height: 1.5;
	border-radius: 24.5px !important;
}
.pagination-lg > li [data-page=".."]::after {
	font-size: 18px;
}
/* ------------------------------ COMPONENT: Pagination - Preform Bundle ------------------------------ */
.entity-grid-compact .pagination > li > a,
.entity-grid-compact .pagination > li > span {
	height: 30px;
	width: 30px;
}

.view-pagination .pagination {
	margin-top: 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
@media (min-width: 769px) {
	.view-pagination .pagination {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.view-pagination .pagination {
		margin-top: 30px;
	}
}
.entity-notes ul.pagination {
	margin: 0;
}

.sharepoint-pagination .pagination {
	margin: 0;
}

.panel-footer ul.pagination {
	margin: 0;
}

@media (max-width: 767px) {
	.pagination {
		overflow: auto;
		white-space: nowrap;
		width: 100%;
	}
	.pagination > li > a,
	.pagination > li > span {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		float: none;
	}
	.entity-notes ul.pagination {
		margin-top: 20px;
	}
}
@media (max-width: 767px) and (min-width: 769px) {
	.entity-notes ul.pagination {
		margin-top: 30px;
	}
}
@media (max-width: 767px) and (min-width: 1181px) {
	.entity-notes ul.pagination {
		margin-top: 30px;
	}
}
.dashboard .entity-grid .view-grid.has-pagination {
	height: 75%;
}

/* ------------------------------ COMPONENTS: Panel ------------------------------ */
.panel {
	margin-bottom: 20px;
	background-color: var(--bg-default);
	border: 1px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
	margin-bottom: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
	border-top: 0;
	border-top-left-radius: -1;
	border-top-right-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: -1;
	border-bottom-left-radius: -1;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-body {
	padding: 30px 15px 30px;
}

.panel-heading {
	font-size: 18px;
	font-weight: 600;
	padding: 7px 15px 9px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}
.panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
	color: inherit;
}

.panel-footer {
	padding: 7px 15px 9px;
	background-color: var(--bg-accent);
	border-top: 1px solid var(--border-color-default);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 16px;
}

.list-group + .panel-footer {
	border-top-width: 0;
}

.panel-group {
	margin-bottom: 20px;
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 0;
}
.panel-group .panel + .panel {
	margin-top: 5px;
}
.panel-group .panel-heading {
	border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 1px solid var(--border-color-default);
}
.panel-group .panel-footer {
	border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
	border-bottom: 1px solid var(--border-color-default);
}

.panel-default {
	border-color: var(--border-color-default);
}
.panel-default > .panel-heading {
	color: var(--text-color-default);
	background-color: var(--bg-accent);
	border-color: var(--border-color-default);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--border-color-default);
}
.panel-default > .panel-heading .badge {
	color: var(--bg-accent);
	background-color: var(--text-color-default);
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--border-color-default);
}

.panel-primary {
	border-color: var(--border-color-primary);
}
.panel-primary > .panel-heading {
	color: var(--text-color-default);
	background-color: var(--bg-primary);
	border-color: var(--border-color-primary);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--border-color-primary);
}
.panel-primary > .panel-heading .badge {
	color: var(--bg-primary);
	background-color: var(--text-color-default);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--border-color-primary);
}

.panel-success {
	border-color: var(--border-color-success);
}
.panel-success > .panel-heading {
	color: var(--text-color-default);
	background-color: var(--bg-success);
	border-color: var(--border-color-success);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--border-color-success);
}
.panel-success > .panel-heading .badge {
	color: var(--bg-success);
	background-color: var(--text-color-default);
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--border-color-success);
}

.panel-warning {
	border-color: var(--border-color-warning);
}
.panel-warning > .panel-heading {
	color: var(--text-color-default);
	background-color: var(--bg-warning);
	border-color: var(--border-color-warning);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--border-color-warning);
}
.panel-warning > .panel-heading .badge {
	color: var(--bg-warning);
	background-color: var(--text-color-default);
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--border-color-warning);
}

.panel-info {
	border-color: var(--border-color-info);
}
.panel-info > .panel-heading {
	color: var(--text-color-default);
	background-color: var(--bg-info);
	border-color: var(--border-color-info);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--border-color-info);
}
.panel-info > .panel-heading .badge {
	color: var(--bg-info);
	background-color: var(--text-color-default);
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--border-color-info);
}

.panel-danger {
	border-color: var(--border-color-danger);
}
.panel-danger > .panel-heading {
	color: var(--text-color-default);
	background-color: var(--bg-danger);
	border-color: var(--border-color-danger);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: var(--border-color-danger);
}
.panel-danger > .panel-heading .badge {
	color: var(--bg-danger);
	background-color: var(--text-color-default);
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: var(--border-color-danger);
}

/* ------------------------------ COMPONENTS: Pill ------------------------------ */
.nav.nav-pills > li {
	float: left;
}
.nav.nav-pills > li > a.active,
.nav.nav-pills > li.active > a {
	color: var(--white);
	background-color: var(--bg-primary);
}
.nav.nav-pills > li > a.active:hover,
.nav.nav-pills > li > a.active:focus,
.nav.nav-pills > li.active > a:hover,
.nav.nav-pills > li.active > a:focus {
	color: var(--white);
	background-color: var(--bg-primary);
}
.nav.nav-pills > li + li {
	margin-left: 2px;
}
.nav.nav-pills > li > a {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: normal;
	border-radius: 4px;
}
.nav.nav-pills > li > a.disabled,
.nav.nav-pills > li > a.disabled:hover {
	background-color: transparent;
	color: var(--text-color-disabled);
}
.nav.nav-pills > li > a:hover,
.nav.nav-pills > li > a:focus {
	color: var(--text-color-on-primary-transparent-hover);
	background-color: var(--bg-primary-transparent-hover);
}
.nav.nav-pills > li > a:active {
	color: var(--text-color-on-primary-transparent-active);
	background-color: var(--bg-primary-transparent-active);
}
.nav.nav-pills a:not(.disabled):not(.active),
.nav.nav-pills .nav-link:not(.disabled):not(.active) {
	color: var(--text-color-on-primary-transparent-default);
}

.nav.nav-stacked > li {
	float: none;
}
.nav.nav-stacked > li + li {
	margin-top: 2px;
	margin-left: 0;
}

/* ------------------------------ COMPONENTS: Popover ------------------------------ */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	max-width: 276px;
	padding: 1px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #ffffff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 0;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
	margin-top: -8px;
}

.popover.right {
	margin-left: 8px;
}

.popover.bottom {
	margin-top: 8px;
}

.popover.left {
	margin-left: -8px;
}

.popover > .arrow {
	border-width: 9px;
}

.popover > .arrow,
.popover > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.popover > .arrow:after {
	content: "";
	border-width: 8px;
}

.popover.top > .arrow {
	bottom: -9px;
	left: 50%;
	margin-left: -9px;
	border-top-color: #dddddd;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0;
}

.popover.top > .arrow:after {
	bottom: 1px;
	margin-left: -8px;
	content: " ";
	border-top-color: #ffffff;
	border-bottom-width: 0;
}

.popover.right > .arrow {
	top: 50%;
	left: -9px;
	margin-top: -9px;
	border-right-color: #dddddd;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0;
}

.popover.right > .arrow:after {
	bottom: -8px;
	left: 1px;
	content: " ";
	border-right-color: #ffffff;
	border-left-width: 0;
}

.popover.bottom > .arrow {
	top: -9px;
	left: 50%;
	margin-left: -9px;
	border-top-width: 0;
	border-bottom-color: #dddddd;
	border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
	top: 1px;
	margin-left: -8px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #ffffff;
}

.popover.left > .arrow {
	top: 50%;
	right: -9px;
	margin-top: -9px;
	border-right-width: 0;
	border-left-color: #dddddd;
	border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
	right: 1px;
	bottom: -8px;
	content: " ";
	border-right-width: 0;
	border-left-color: #ffffff;
}

.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 16px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 0;
}

.popover-content {
	padding: 9px 14px;
}

/* ------------------------------ COMPONENTS: Progress Bar ------------------------------ */
.progress:not(.list-group) {
	height: 6px !important;
	margin-bottom: 20px !important;
	background-color: var(--gray-400) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.progress-bar {
	-webkit-transition: width 0.05s;
	transition: width 0.05s;
	float: left;
	width: 0%;
	height: 100%;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	box-shadow: none;
	background-color: var(--bg-primary);
	color: var(--text-color-default);
}

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

.progress.active .progress-bar,
.progress-bar.active {
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-default {
	background-color: var(--bg-primary);
	color: var(--text-color-default);
}
.progress-striped .progress-bar-default {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent
	);
}

.progress-bar-success {
	background-color: var(--bg-success);
	color: var(--text-color-success);
}
.progress-striped .progress-bar-success {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent
	);
}

.progress-bar-warning {
	background-color: var(--bg-warning);
	color: var(--text-color-warning);
}
.progress-striped .progress-bar-warning {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent
	);
}

.progress-bar-danger {
	background-color: var(--bg-danger);
	color: var(--text-color-danger);
}
.progress-striped .progress-bar-danger {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent
	);
}

.progress-bar-info {
	background-color: var(--bg-info);
	color: var(--text-color-info);
}
.progress-striped .progress-bar-info {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent
	);
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 20px 0;
	}
	to {
		background-position: 0 0;
	}
}
@keyframes progress-bar-stripes {
	from {
		background-position: 20px 0;
	}
	to {
		background-position: 0 0;
	}
}
/* ------------------------------ COMPONENTS: Progress Bar - Steps ------------------------------ */
.progress-bar-steps {
	margin-bottom: 20px;
}
.progress-bar-steps label {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
}
.progress-bar-steps progress[value] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 6px;
	box-shadow: inset 0 -2px 0 0 var(--gray-600);
	background-color: transparent;
	overflow: hidden;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.progress-bar-steps progress[value][value="100"] {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.progress-bar-steps progress[value]::-webkit-progress-bar {
	background: transparent;
}
.progress-bar-steps progress[value]::-webkit-progress-value {
	background: var(--bg-success);
	box-shadow: 2px 0 0 0 var(--white);
}
.progress-bar-steps progress[value]::-moz-progress-bar {
	background: var(--bg-success);
	box-shadow: 2px 0 0 0 var(--white);
}

/* ------------------------------ COMPONENTS: Tab ------------------------------ */
.nav.nav-tabs {
	margin-bottom: 30px;
	border-bottom: 1px solid var(--border-color-default);
}
.nav.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.nav.nav-tabs > li + li {
	margin-left: 10px;
}
.nav.nav-tabs > li > a,
.nav.nav-tabs > li > button {
	outline-offset: 0;
	position: relative;
	margin-right: 0;
	padding: 7px 15px 14px;
	border: 0;
	border-radius: 4px 4px 0 0;
	background: var(--bg-default);
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: var(--text-color-default);
	line-height: 1.5;
	text-decoration: none;
	cursor: pointer;
}
.nav.nav-tabs > li > a:focus,
.nav.nav-tabs > li > button:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.nav.nav-tabs > li > a:focus:not(:focus-visible),
.nav.nav-tabs > li > button:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.nav.nav-tabs > li > a:focus-visible,
.nav.nav-tabs > li > button:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li > button:hover {
	border: 0;
	background: var(--bg-primary-transparent-hover);
	color: var(--text-color-default);
}
.nav.nav-tabs > li > a:active,
.nav.nav-tabs > li > a:active:focus,
.nav.nav-tabs > li > button:active,
.nav.nav-tabs > li > button:active:focus {
	border: 0;
	background: var(--bg-primary-transparent-active);
	color: var(--text-color-default);
}
.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:active,
.nav.nav-tabs > li.active > button,
.nav.nav-tabs > li.active > button:hover,
.nav.nav-tabs > li.active > button:active {
	border: 0;
	background: var(--bg-accent);
	color: var(--text-color-default);
	cursor: default;
}
.nav.nav-tabs > li.active:focus {
	border: 0;
	background: var(--bg-primary-transparent-focus);
	color: var(--text-color-default);
}
.nav.nav-tabs > li .nav-link.active {
	border: 0;
	background: var(--bg-accent);
	color: var(--text-color-default);
	cursor: default;
}
.nav.nav-tabs > li.disabled > a,
.nav.nav-tabs > li.disabled > a:hover,
.nav.nav-tabs > li.disabled > a:focus,
.nav.nav-tabs > li.disabled > button,
.nav.nav-tabs > li.disabled > button:hover,
.nav.nav-tabs > li.disabled > button:focus {
	border: 0;
	background: var(--bg-default);
	color: var(--text-color-disabled);
}
.nav.nav-tabs > li .nav-link.disabled {
	border: 0;
	background: var(--bg-default);
	color: var(--text-color-disabled);
}
.nav.nav-tabs > li > a,
.nav.nav-tabs > li > button {
	box-shadow: inset 0 -1px 0 0 var(--border-color-default);
}
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li > button:hover {
	box-shadow: inset 0 -2px 0 0 var(--border-color-on-primary-transparent-hover);
}
.nav.nav-tabs > li > a:active,
.nav.nav-tabs > li > a:active:focus,
.nav.nav-tabs > li > button:active,
.nav.nav-tabs > li > button:active:focus {
	box-shadow: inset 0 -2px 0 0 var(--border-color-on-primary-transparent-active);
}
.nav.nav-tabs > li > a:focus,
.nav.nav-tabs > li > button:focus {
	box-shadow: inset 0 -1px 0 0 var(--border-color-on-primary-transparent-focus);
}
.nav.nav-tabs > li.disabled > a,
.nav.nav-tabs > li.disabled > a:hover,
.nav.nav-tabs > li.disabled > a:focus,
.nav.nav-tabs > li.disabled > button,
.nav.nav-tabs > li.disabled > button:hover,
.nav.nav-tabs > li.disabled > button:focus {
	box-shadow: inset 0 -1px 0 0 var(--border-color-default);
}
.nav.nav-tabs > li .nav-link.disabled {
	box-shadow: inset 0 -1px 0 0 var(--border-color-default);
}
.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:active,
.nav.nav-tabs > li.active > button,
.nav.nav-tabs > li.active > button:hover,
.nav.nav-tabs > li.active > button:active {
	box-shadow: inset 0 -5px 0 0 var(--border-color-on-primary-transparent-selected);
}
.nav.nav-tabs > li .nav-link.active {
	box-shadow: inset 0 -5px 0 0 var(--border-color-on-primary-transparent-selected);
}

.nav-tabs.nav-justified {
	width: 100%;
	border-bottom: 0;
}
.nav-tabs.nav-justified > li {
	float: none;
}
.nav-tabs.nav-justified > li + li {
	margin-left: 0;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
}
.nav-tabs.nav-justified > li > a,
.nav-tabs.nav-justified > li > button {
	margin-bottom: 0;
	margin-right: 0;
	border-radius: 4px 4px 0 0;
	text-align: center;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified > li > a,
	.nav-tabs.nav-justified > li > button {
		margin-bottom: 0;
		border-bottom: 0;
		border-radius: 4px 4px 0 0;
	}
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > button,
.nav-tabs.nav-justified > .active > button:hover,
.nav-tabs.nav-justified > .active > button:focus {
	border: 0;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified > .active > a,
	.nav-tabs.nav-justified > .active > a:hover,
	.nav-tabs.nav-justified > .active > a:focus,
	.nav-tabs.nav-justified > .active > button,
	.nav-tabs.nav-justified > .active > button:hover,
	.nav-tabs.nav-justified > .active > button:focus {
		border-bottom-color: transparent;
	}
}
.nav-tabs.nav-justified .nav-link.active {
	border: 0;
}
@media (min-width: 768px) {
	.nav-tabs.nav-justified .nav-link.active {
		border-bottom-color: transparent;
	}
}

.nav-justified {
	width: 100%;
}
.nav-justified > li {
	float: none;
}
@media (min-width: 768px) {
	.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
}
.nav-justified > li > a,
.nav-justified > li > button {
	margin-bottom: 0;
	text-align: center;
}
@media (min-width: 768px) {
	.nav-justified > li > a,
	.nav-justified > li > button {
		margin-bottom: 0;
	}
}
.nav-justified .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}

.nav-tabs-justified {
	border-bottom: 0;
}
.nav-tabs-justified > li > a,
.nav-tabs-justified > li > button {
	margin-right: 0;
	border-radius: 4px 4px 0 0;
}
@media (min-width: 768px) {
	.nav-tabs-justified > li > a,
	.nav-tabs-justified > li > button {
		border-bottom: 0;
		border-radius: 4px 4px 0 0;
	}
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > button,
.nav-tabs-justified > .active > button:hover,
.nav-tabs-justified > .active > button:focus {
	border: 0;
}
@media (min-width: 768px) {
	.nav-tabs-justified > .active > a,
	.nav-tabs-justified > .active > a:hover,
	.nav-tabs-justified > .active > a:focus,
	.nav-tabs-justified > .active > button,
	.nav-tabs-justified > .active > button:hover,
	.nav-tabs-justified > .active > button:focus {
		border-bottom-color: transparent;
	}
}
.nav-tabs-justified .nav-link.active {
	border: 0;
}
@media (min-width: 768px) {
	.nav-tabs-justified .nav-link.active {
		border-bottom-color: transparent;
	}
}

.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}

.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.nav-tabs-mobile {
	margin-bottom: 40px;
}
@media (min-width: 1181px) {
	.nav-tabs-mobile {
		margin-bottom: 60px;
	}
}
/* ------------------------------ COMPONENTS: Table ------------------------------ */
:root {
	--dropdownMenuHeight: 0;
}

.table-container {
	margin-top: 20px;
	position: relative;
}
.table-container:has(.loading-ui.visible) {
	min-height: 80px;
}
.table-container + * {
	margin-top: 20px;
}
@media (min-width: 769px) {
	.table-container + * {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.table-container + * {
		margin-top: 30px;
	}
}
th {
	text-align: left;
}

@media screen and (min-width: 769px) {
	.table-scroll-wrapper,
	.table-responsive {
		overflow-x: auto;
	}
	.table-scroll-wrapper:has(.dropdown.open),
	.table-scroll-wrapper:has(.dropdown-menu.show),
	.table-scroll-wrapper:has(.msos-container [aria-expanded="true"]),
	.table-responsive:has(.dropdown.open),
	.table-responsive:has(.dropdown-menu.show),
	.table-responsive:has(.msos-container [aria-expanded="true"]) {
		scrollbar-color: transparent transparent;
	}
	.table-scroll-wrapper:has(.dropdown.open)::-webkit-scrollbar,
	.table-scroll-wrapper:has(.dropdown-menu.show)::-webkit-scrollbar,
	.table-scroll-wrapper:has(.msos-container [aria-expanded="true"])::-webkit-scrollbar,
	.table-responsive:has(.dropdown.open)::-webkit-scrollbar,
	.table-responsive:has(.dropdown-menu.show)::-webkit-scrollbar,
	.table-responsive:has(.msos-container [aria-expanded="true"])::-webkit-scrollbar {
		opacity: 0;
	}
	.table-scroll-wrapper:has(.dropdown.open),
	.table-scroll-wrapper:has(.dropdown-menu.show),
	.table-responsive:has(.dropdown.open),
	.table-responsive:has(.dropdown-menu.show) {
		padding-bottom: var(--dropdownMenuHeight);
		margin-bottom: calc(var(--dropdownMenuHeight) * -1);
	}
	.table-scroll-wrapper:has(.msos-container [aria-expanded="true"]),
	.table-responsive:has(.msos-container [aria-expanded="true"]) {
		padding-bottom: 336px;
		margin-bottom: -336px;
	}
	.table-scroll-wrapper:has(.msos-container [aria-expanded="true"]) ul.msos-selection,
	.table-responsive:has(.msos-container [aria-expanded="true"]) ul.msos-selection {
		scrollbar-color: auto;
	}
	.table-scroll-wrapper:has(.msos-container [aria-expanded="true"]) ul.msos-selection::-webkit-scrollbar,
	.table-responsive:has(.msos-container [aria-expanded="true"]) ul.msos-selection::-webkit-scrollbar {
		opacity: auto;
	}
}

.table-scroll-wrapper:has(> *:not(.table-mobile)) {
	overflow-x: auto;
}

.table-scroll-wrapper,
.table {
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.table-scroll-wrapper,
	.table {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.table-scroll-wrapper,
	.table {
		margin-bottom: 30px;
	}
}
.table-scroll-wrapper > .table {
	margin-bottom: 0;
}

.table {
	width: auto;
	min-width: 100%;
	background: transparent;
	table-layout: fixed;
}
.table.table-border-top {
	border-top: 1px solid var(--gray-300);
}
.table.table-border-bottom {
	border-bottom: 1px solid var(--gray-300);
}

.table {
	border-bottom: 1px solid var(--gray-300);
}

.table-bordered {
	border-color: var(--gray-300);
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: var(--gray-300);
}

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

/* ------------------------------ COMPONENTS: Table - Caption ------------------------------ */
caption {
	font-size: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 35px;
	color: var(--text-h3-color);
	text-align: left;
}

/* ------------------------------ COMPONENTS: Table - Row ------------------------------ */
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
	background-color: var(--gray-100);
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: var(--gray-100);
}

.table-hover > tbody > tr:hover > * {
	--bs-table-accent-bg: transparent;
}

@media screen and (max-width: 767px) {
	.table-fluid tr,
	.table-mobile tr {
		display: flex;
		flex-direction: column;
		width: 100% !important;
		overflow: visible;
		border-top: var(--gray-300) solid 1px !important;
	}
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: var(--gray-100);
}

.table-hover > tbody > tr:hover {
	background-color: var(--gray-100);
}

@media screen and (max-width: 767px) {
	.table-rows-selectable > tbody > tr,
	.entity-lookup .view-grid > .table-hover > tbody > tr,
	.table-rows-clickable > tbody > tr {
		position: relative;
		margin-left: -30px;
		padding-left: 30px;
		padding-right: 30px;
		width: calc(100% + 30px + 30px) !important;
	}
}
.table-rows-selectable > tbody > tr:hover,
.entity-lookup .view-grid > .table-hover > tbody > tr:hover,
.table-rows-clickable > tbody > tr:hover {
	background-color: var(--bg-primary-transparent-hover);
	cursor: pointer;
}
.table-rows-selectable > tbody > tr:active,
.entity-lookup .view-grid > .table-hover > tbody > tr:active,
.table-rows-clickable > tbody > tr:active {
	background-color: var(--bg-primary-transparent-active);
}
.table-rows-selectable > tbody > tr.selected,
.entity-lookup .view-grid > .table-hover > tbody > tr.selected,
.table-rows-clickable > tbody > tr.selected {
	background-color: var(--bg-primary-transparent-active);
}
.table-rows-selectable > tbody > tr.disabled,
.entity-lookup .view-grid > .table-hover > tbody > tr.disabled,
.table-rows-clickable > tbody > tr.disabled {
	background-color: var(--gray-100);
	cursor: not-allowed;
}
.table-rows-selectable > tbody > tr.disabled td,
.entity-lookup .view-grid > .table-hover > tbody > tr.disabled td,
.table-rows-clickable > tbody > tr.disabled td {
	color: var(--text-color-disabled);
}
.table-rows-selectable > tbody > tr.disabled .radio label input:disabled ~ span.ui,
.entity-lookup .view-grid > .table-hover > tbody > tr.disabled .radio label input:disabled ~ span.ui,
.table-rows-selectable > tbody > tr.disabled .checkbox label input:disabled ~ span.ui,
.entity-lookup .view-grid > .table-hover > tbody > tr.disabled .checkbox label input:disabled ~ span.ui,
.table-rows-clickable > tbody > tr.disabled .radio label input:disabled ~ span.ui,
.table-rows-clickable > tbody > tr.disabled .checkbox label input:disabled ~ span.ui {
	background: transparent;
}
.table-rows-selectable > tbody > tr.not-selectable:hover,
.entity-lookup .view-grid > .table-hover > tbody > tr.not-selectable:hover,
.table-rows-selectable > tbody > tr.empty-message:hover,
.entity-lookup .view-grid > .table-hover > tbody > tr.empty-message:hover,
.table-rows-clickable > tbody > tr.not-selectable:hover,
.table-rows-clickable > tbody > tr.empty-message:hover {
	background-color: transparent;
	cursor: initial;
}
.table-rows-selectable.table-hover > tbody > tr.not-selectable:hover,
.entity-lookup .view-grid > .table-hover > tbody > tr.not-selectable:hover,
.table-rows-clickable.table-hover > tbody > tr.not-selectable:hover {
	background-color: var(--gray-100);
}
.table-rows-selectable.table-striped > tbody > tr:nth-of-type(odd).not-selectable:hover,
.entity-lookup .view-grid > .table-striped.table-hover > tbody > tr:nth-of-type(odd).not-selectable:hover,
.table-rows-clickable.table-striped > tbody > tr:nth-of-type(odd).not-selectable:hover {
	background-color: var(--gray-100);
}

tr.highlighted {
	background-color: var(--bg-primary-transparent-hover);
}
table > tbody > tr.highlighted:hover {
	background-color: var(--bg-primary-transparent-active);
}
table > tbody > tr.highlighted:active {
	background-color: var(--bg-primary-transparent-active);
}

@media screen and (min-width: 768px) {
	tr.highlighted,
	tr.highlighted a,
	tr.highlighted .btn-link-inline {
		font-weight: 600;
	}
	tr.highlighted .text-small {
		font-weight: 400;
	}
}

/* ------------------------------ COMPONENTS: Table - Cell - All ------------------------------ */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.5;
	vertical-align: top;
}
.table > thead > tr > th[aria-label="action menu"],
.table > tbody > tr > th[aria-label="action menu"],
.table > tfoot > tr > th[aria-label="action menu"],
.table > thead > tr > td[aria-label="action menu"],
.table > tbody > tr > td[aria-label="action menu"],
.table > tfoot > tr > td[aria-label="action menu"] {
	text-align: right;
}
.table > thead > tr > th.contains-component,
.table > tbody > tr > th.contains-component,
.table > tfoot > tr > th.contains-component,
.table > thead > tr > td.contains-component,
.table > tbody > tr > td.contains-component,
.table > tfoot > tr > td.contains-component {
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}
.table > thead > tr > th.selection-input,
.table > tbody > tr > th.selection-input,
.table > tfoot > tr > th.selection-input,
.table > thead > tr > td.selection-input,
.table > tbody > tr > td.selection-input,
.table > tfoot > tr > td.selection-input {
	vertical-align: middle;
	position: static;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0;
}
@media (max-width: 767px) {
	.table-rows-selectable > tbody > tr > .table > thead > tr > th.selection-input:first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > th.selection-input:first-child,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > th.selection-input:first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > th.selection-input:first-child,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > th.selection-input:first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > th.selection-input:first-child,
	.table-rows-selectable > tbody > tr > .table > thead > tr > td.selection-input:first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > td.selection-input:first-child,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > td.selection-input:first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > td.selection-input:first-child,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > td.selection-input:first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > td.selection-input:first-child {
		padding-top: 0 !important;
		padding-bottom: 0;
		border-top: var(--gray-300) solid 1px;
	}
	.table-rows-selectable > tbody > tr > .table > thead > tr > th.selection-input:first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > th.selection-input:first-child + *,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > th.selection-input:first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > th.selection-input:first-child + *,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > th.selection-input:first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > th.selection-input:first-child + *,
	.table-rows-selectable > tbody > tr > .table > thead > tr > td.selection-input:first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > td.selection-input:first-child + *,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > td.selection-input:first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > td.selection-input:first-child + *,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > td.selection-input:first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > td.selection-input:first-child + * {
		padding-top: 20px !important;
	}
	.table > thead > tr > th.selection-input > *,
	.table > tbody > tr > th.selection-input > *,
	.table > tfoot > tr > th.selection-input > *,
	.table > thead > tr > td.selection-input > *,
	.table > tbody > tr > td.selection-input > *,
	.table > tfoot > tr > td.selection-input > * {
		position: absolute;
		top: 50%;
		left: 30px;
		transform: translateY(-50%);
	}
}
.table > thead > tr > th:has(> [aria-checked]),
.table > tbody > tr > th:has(> [aria-checked]),
.table > tfoot > tr > th:has(> [aria-checked]),
.table > thead > tr > td:has(> [aria-checked]),
.table > tbody > tr > td:has(> [aria-checked]),
.table > tfoot > tr > td:has(> [aria-checked]) {
	vertical-align: middle;
	position: static;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0;
	padding-right: 0 !important;
	line-height: 1;
}
@media (max-width: 767px) {
	.table-rows-selectable > tbody > tr > .table > thead > tr > th:has(> [aria-checked]):first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > th:has(> [aria-checked]):first-child,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > th:has(> [aria-checked]):first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > th:has(> [aria-checked]):first-child,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > th:has(> [aria-checked]):first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > th:has(> [aria-checked]):first-child,
	.table-rows-selectable > tbody > tr > .table > thead > tr > td:has(> [aria-checked]):first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > td:has(> [aria-checked]):first-child,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > td:has(> [aria-checked]):first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > td:has(> [aria-checked]):first-child,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > td:has(> [aria-checked]):first-child,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > td:has(> [aria-checked]):first-child {
		padding-top: 0 !important;
		padding-bottom: 0;
		border-top: var(--gray-300) solid 1px;
	}
	.table-rows-selectable > tbody > tr > .table > thead > tr > th:has(> [aria-checked]):first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > th:has(> [aria-checked]):first-child + *,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > th:has(> [aria-checked]):first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > th:has(> [aria-checked]):first-child + *,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > th:has(> [aria-checked]):first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > th:has(> [aria-checked]):first-child + *,
	.table-rows-selectable > tbody > tr > .table > thead > tr > td:has(> [aria-checked]):first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > thead > tr > td:has(> [aria-checked]):first-child + *,
	.table-rows-selectable > tbody > tr > .table > tbody > tr > td:has(> [aria-checked]):first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tbody > tr > td:has(> [aria-checked]):first-child + *,
	.table-rows-selectable > tbody > tr > .table > tfoot > tr > td:has(> [aria-checked]):first-child + *,
	.entity-lookup .view-grid > .table-hover > tbody > tr > .table > tfoot > tr > td:has(> [aria-checked]):first-child + * {
		padding-top: 20px !important;
	}
	.table > thead > tr > th:has(> [aria-checked]) > *,
	.table > tbody > tr > th:has(> [aria-checked]) > *,
	.table > tfoot > tr > th:has(> [aria-checked]) > *,
	.table > thead > tr > td:has(> [aria-checked]) > *,
	.table > tbody > tr > td:has(> [aria-checked]) > *,
	.table > tfoot > tr > td:has(> [aria-checked]) > * {
		position: absolute;
		top: 50%;
		left: 30px;
		transform: translateY(-50%);
	}
}
.table > thead > tr > th:has(> [aria-checked]):before,
.table > tbody > tr > th:has(> [aria-checked]):before,
.table > tfoot > tr > th:has(> [aria-checked]):before,
.table > thead > tr > td:has(> [aria-checked]):before,
.table > tbody > tr > td:has(> [aria-checked]):before,
.table > tfoot > tr > td:has(> [aria-checked]):before {
	content: "";
}
@media (max-width: 767px) {
	.table > thead > tr > th:has(> [aria-checked]) > *,
	.table > tbody > tr > th:has(> [aria-checked]) > *,
	.table > tfoot > tr > th:has(> [aria-checked]) > *,
	.table > thead > tr > td:has(> [aria-checked]) > *,
	.table > tbody > tr > td:has(> [aria-checked]) > *,
	.table > tfoot > tr > td:has(> [aria-checked]) > * {
		position: absolute !important;
	}
}

@media screen and (max-width: 767px) {
	.table-mobile > thead > tr > th.text-center,
	.table-mobile > tbody > tr > th.text-center,
	.table-mobile > tfoot > tr > th.text-center,
	.table-mobile > thead > tr > td.text-center,
	.table-mobile > tbody > tr > td.text-center,
	.table-mobile > tfoot > tr > td.text-center {
		text-align: left;
	}
	.table-mobile > thead > tr > th.text-right,
	.table-mobile > tbody > tr > th.text-right,
	.table-mobile > tfoot > tr > th.text-right,
	.table-mobile > thead > tr > td.text-right,
	.table-mobile > tbody > tr > td.text-right,
	.table-mobile > tfoot > tr > td.text-right {
		text-align: left;
	}
}

.contains-component .btn-link {
	min-height: 36px;
}
.contains-component .btn-link.btn-xs,
.btn-group-xs > .contains-component .btn-link {
	min-height: 21px;
}
.contains-component .btn-link.btn-sm,
.btn-group-sm > .contains-component .btn-link {
	min-height: 27px;
}
.contains-component .btn-link.btn-lg,
.btn-group-lg > .contains-component .btn-link {
	min-height: 43px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
}
@media (max-width: 479px) {
	.datepicker .table-condensed > thead > tr > th,
	.datepicker .table-condensed > tbody > tr > th,
	.datepicker .table-condensed > tfoot > tr > th,
	.datepicker .table-condensed > thead > tr > td,
	.datepicker .table-condensed > tbody > tr > td,
	.datepicker .table-condensed > tfoot > tr > td {
		padding-left: 8px;
		padding-right: 8px;
	}
}
.table-condensed > thead > tr > th.contains-component,
.table-condensed > tbody > tr > th.contains-component,
.table-condensed > tfoot > tr > th.contains-component,
.table-condensed > thead > tr > td.contains-component,
.table-condensed > tbody > tr > td.contains-component,
.table-condensed > tfoot > tr > td.contains-component {
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ------------------------------ COMPONENTS: Table - Cell - Header ------------------------------ */
@media screen and (max-width: 767px) {
	.table-fluid thead,
	.table-mobile thead {
		display: none;
	}
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-color-default);
	border-top-width: 2px;
	border-top-color: var(--gray-300);
	border-bottom: 2px solid var(--gray-300);
	background: var(--transparent);
	vertical-align: bottom;
	background: var(--gray-200);
}
.table > thead > tr > th:has(a:hover),
.table > tbody > tr > th:has(a:hover),
.table > tfoot > tr > th:has(a:hover) {
	background: var(--gray-200);
	background: var(--white);
}
.table > thead > tr > th:has(a:active),
.table > tbody > tr > th:has(a:active),
.table > tfoot > tr > th:has(a:active) {
	background: var(--gray-300);
	background: var(--gray-200);
}
.table > thead > tr > th.required::before,
.table > tbody > tr > th.required::before,
.table > tfoot > tr > th.required::before {
	display: none;
}
.table > thead > tr > th.required::after,
.table > tbody > tr > th.required::after,
.table > tfoot > tr > th.required::after {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-left: 5px;
}
.table > thead > tr > th.no-wrap,
.table > tbody > tr > th.no-wrap,
.table > tfoot > tr > th.no-wrap {
	white-space: nowrap;
}
.table > thead > tr > th .fa.fa-check,
.table > tbody > tr > th .fa.fa-check,
.table > tfoot > tr > th .fa.fa-check {
	display: none;
}
.table > thead > tr > th.text-right a,
.table > tbody > tr > th.text-right a,
.table > tfoot > tr > th.text-right a {
	justify-content: flex-end;
}
.table > thead > tr > th.sort .fa,
.table > tbody > tr > th.sort .fa,
.table > tfoot > tr > th.sort .fa {
	margin-top: -1px;
	margin-left: 2px;
}
.table > thead > tr > th.sort-enabled,
.table > tbody > tr > th.sort-enabled,
.table > tfoot > tr > th.sort-enabled {
	padding: 0;
}
.table > thead > tr > th.sort-enabled a,
.table > tbody > tr > th.sort-enabled a,
.table > tfoot > tr > th.sort-enabled a {
	font-size: 16px;
	font-weight: 600;
	color: var(--text-color-default);
	position: relative;
	display: flex;
	padding-top: 7px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
}
.table > thead > tr > th.sort-enabled a:hover,
.table > tbody > tr > th.sort-enabled a:hover,
.table > tfoot > tr > th.sort-enabled a:hover {
	background: var(--gray-200);
}
.table > thead > tr > th.sort-enabled a:active,
.table > tbody > tr > th.sort-enabled a:active,
.table > tfoot > tr > th.sort-enabled a:active {
	background: var(--gray-300);
}
.table > thead > tr > th.sort-enabled a:hover,
.table > tbody > tr > th.sort-enabled a:hover,
.table > tfoot > tr > th.sort-enabled a:hover {
	background: var(--white);
}
.table > thead > tr > th.sort-enabled a:active,
.table > tbody > tr > th.sort-enabled a:active,
.table > tfoot > tr > th.sort-enabled a:active {
	background: var(--gray-200);
}
.table > thead > tr > th[aria-label="Actions"],
.table > thead > tr > th.actions-menu,
.table > thead > tr > th.actions-column,
.table > tbody > tr > th[aria-label="Actions"],
.table > tbody > tr > th.actions-menu,
.table > tbody > tr > th.actions-column,
.table > tfoot > tr > th[aria-label="Actions"],
.table > tfoot > tr > th.actions-menu,
.table > tfoot > tr > th.actions-column {
	text-align: center;
	width: auto !important;
	min-width: auto;
}
.table > thead > tr > th[aria-label="Actions"] .sr-only,
.table > thead > tr > th.actions-menu .sr-only,
.table > thead > tr > th.actions-column .sr-only,
.table > tbody > tr > th[aria-label="Actions"] .sr-only,
.table > tbody > tr > th.actions-menu .sr-only,
.table > tbody > tr > th.actions-column .sr-only,
.table > tfoot > tr > th[aria-label="Actions"] .sr-only,
.table > tfoot > tr > th.actions-menu .sr-only,
.table > tfoot > tr > th.actions-column .sr-only {
	position: static !important;
	margin: 0;
	width: auto;
	height: auto;
	overflow: visible;
	clip: unset;
}
.table > thead > tr > th .fa,
.table > tbody > tr > th .fa,
.table > tfoot > tr > th .fa {
	line-height: inherit;
}

.table.table-empty > thead > tr > th,
.table.table-empty > tbody > tr > th,
.table.table-empty > tfoot > tr > th {
	pointer-events: none;
}
.table.table-empty > thead > tr > th:first-child ~ *,
.table.table-empty > tbody > tr > th:first-child ~ *,
.table.table-empty > tfoot > tr > th:first-child ~ * {
	display: none;
}
.table.table-empty > thead > tr > th:first-child.selection-column,
.table.table-empty > tbody > tr > th:first-child.selection-column,
.table.table-empty > tfoot > tr > th:first-child.selection-column {
	display: none;
}
.table.table-empty > thead > tr > th:first-child.selection-column + th,
.table.table-empty > tbody > tr > th:first-child.selection-column + th,
.table.table-empty > tfoot > tr > th:first-child.selection-column + th {
	display: table-cell;
}
.table.table-empty > thead > tr > th span,
.table.table-empty > tbody > tr > th span,
.table.table-empty > tfoot > tr > th span {
	display: none;
}

.table.table-header-bg-alternate > thead > tr > th,
.table.table-header-bg-alternate > tbody > tr > th,
.table.table-header-bg-alternate > tfoot > tr > th {
	background: var(--transparent);
}
.table.table-header-bg-alternate > thead > tr > th:has(a:hover),
.table.table-header-bg-alternate > tbody > tr > th:has(a:hover),
.table.table-header-bg-alternate > tfoot > tr > th:has(a:hover) {
	background: var(--white);
	background: var(--gray-200);
}
.table.table-header-bg-alternate > thead > tr > th:has(a:active),
.table.table-header-bg-alternate > tbody > tr > th:has(a:active),
.table.table-header-bg-alternate > tfoot > tr > th:has(a:active) {
	background: var(--gray-200);
	background: var(--gray-300);
}
.table.table-header-bg-alternate > thead > tr > th.sort-enabled a:hover,
.table.table-header-bg-alternate > tbody > tr > th.sort-enabled a:hover,
.table.table-header-bg-alternate > tfoot > tr > th.sort-enabled a:hover {
	background: var(--gray-200);
}
.table.table-header-bg-alternate > thead > tr > th.sort-enabled a:active,
.table.table-header-bg-alternate > tbody > tr > th.sort-enabled a:active,
.table.table-header-bg-alternate > tfoot > tr > th.sort-enabled a:active {
	background: var(--gray-300);
}

.table.table-condensed > thead > tr > th.sort-enabled a,
.table.table-condensed > tbody > tr > th.sort-enabled a,
.table.table-condensed > tfoot > tr > th.sort-enabled a {
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
}

.table > thead > tr > th {
	border-bottom-width: 2px;
	border-bottom-color: var(--gray-300);
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

/* ------------------------------ COMPONENTS: Table - Cell - Body ------------------------------ */
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid var(--gray-300);
}
.table > thead > tr > td > a,
.table > tbody > tr > td > a,
.table > tfoot > tr > td > a {
	text-decoration: none;
}
.table > thead > tr > td > a:hover,
.table > tbody > tr > td > a:hover,
.table > tfoot > tr > td > a:hover {
	text-decoration: underline;
}
.table > thead > tr > td > a:active,
.table > thead > tr > td > a:focus,
.table > tbody > tr > td > a:active,
.table > tbody > tr > td > a:focus,
.table > tfoot > tr > td > a:active,
.table > tfoot > tr > td > a:focus {
	text-decoration: none;
}
.table > thead > tr > td > a:disabled,
.table > thead > tr > td > a.disabled,
.table > tbody > tr > td > a:disabled,
.table > tbody > tr > td > a.disabled,
.table > tfoot > tr > td > a:disabled,
.table > tfoot > tr > td > a.disabled {
	text-decoration: none;
}
.table > thead > tr > td.text-wrap,
.table > tbody > tr > td.text-wrap,
.table > tfoot > tr > td.text-wrap {
	word-break: break-word;
	overflow-wrap: anywhere;
}
.table > thead > tr > td.no-wrap,
.table > tbody > tr > td.no-wrap,
.table > tfoot > tr > td.no-wrap {
	white-space: nowrap;
}

.table.vertical-align-middle > tbody > tr > td {
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.table-fluid td,
	.table-mobile td {
		display: block;
		width: 100%;
	}
	.table-fluid td.text-center,
	.table-mobile td.text-center {
		text-align: left !important;
	}
}

.table-fluid > thead > tr > td.title p,
.table-fluid > tbody > tr > td.title p,
.table-fluid > tfoot > tr > td.title p,
.table-mobile > thead > tr > td.title p,
.table-mobile > tbody > tr > td.title p,
.table-mobile > tfoot > tr > td.title p {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.table-fluid > thead > tr > td,
	.table-fluid > tbody > tr > td,
	.table-fluid > tfoot > tr > td,
	.table-mobile > thead > tr > td,
	.table-mobile > tbody > tr > td,
	.table-mobile > tfoot > tr > td {
		border-top-width: 0;
	}
	.table-fluid > thead > tr > td,
	.table-fluid > tbody > tr > td,
	.table-fluid > tfoot > tr > td,
	.table-mobile > thead > tr > td,
	.table-mobile > tbody > tr > td,
	.table-mobile > tfoot > tr > td {
		position: relative;
		padding-top: 4px;
		padding-bottom: 6px;
		padding-right: 0;
	}
	.table-fluid > thead > tr > td:first-child,
	.table-fluid > tbody > tr > td:first-child,
	.table-fluid > tfoot > tr > td:first-child,
	.table-mobile > thead > tr > td:first-child,
	.table-mobile > tbody > tr > td:first-child,
	.table-mobile > tfoot > tr > td:first-child {
		padding-top: 20px !important;
	}
	.table-fluid > thead > tr > td:first-child:last-child,
	.table-fluid > tbody > tr > td:first-child:last-child,
	.table-fluid > tfoot > tr > td:first-child:last-child,
	.table-mobile > thead > tr > td:first-child:last-child,
	.table-mobile > tbody > tr > td:first-child:last-child,
	.table-mobile > tfoot > tr > td:first-child:last-child {
		padding-top: 7px !important;
		padding-bottom: 9px !important;
	}
	.table-fluid > thead > tr > td:first-child:has(~ .title),
	.table-fluid > tbody > tr > td:first-child:has(~ .title),
	.table-fluid > tfoot > tr > td:first-child:has(~ .title),
	.table-mobile > thead > tr > td:first-child:has(~ .title),
	.table-mobile > tbody > tr > td:first-child:has(~ .title),
	.table-mobile > tfoot > tr > td:first-child:has(~ .title) {
		padding-top: 0 !important;
	}
	.table-fluid > thead > tr > td:nth-child(n + 0).title,
	.table-fluid > tbody > tr > td:nth-child(n + 0).title,
	.table-fluid > tfoot > tr > td:nth-child(n + 0).title,
	.table-mobile > thead > tr > td:nth-child(n + 0).title,
	.table-mobile > tbody > tr > td:nth-child(n + 0).title,
	.table-mobile > tfoot > tr > td:nth-child(n + 0).title {
		padding-top: 0 !important;
		padding-left: 0 !important;
		order: -1;
	}
	.table-fluid > thead > tr > td:nth-child(n + 0).title > *,
	.table-fluid > tbody > tr > td:nth-child(n + 0).title > *,
	.table-fluid > tfoot > tr > td:nth-child(n + 0).title > *,
	.table-mobile > thead > tr > td:nth-child(n + 0).title > *,
	.table-mobile > tbody > tr > td:nth-child(n + 0).title > *,
	.table-mobile > tfoot > tr > td:nth-child(n + 0).title > * {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 18px;
		font-weight: 600;
	}
	.table-fluid > thead > tr > td:nth-child(n + 0).title:before,
	.table-fluid > tbody > tr > td:nth-child(n + 0).title:before,
	.table-fluid > tfoot > tr > td:nth-child(n + 0).title:before,
	.table-mobile > thead > tr > td:nth-child(n + 0).title:before,
	.table-mobile > tbody > tr > td:nth-child(n + 0).title:before,
	.table-mobile > tfoot > tr > td:nth-child(n + 0).title:before {
		display: none;
	}
	.table-fluid > thead > tr > td:last-child,
	.table-fluid > tbody > tr > td:last-child,
	.table-fluid > tfoot > tr > td:last-child,
	.table-mobile > thead > tr > td:last-child,
	.table-mobile > tbody > tr > td:last-child,
	.table-mobile > tfoot > tr > td:last-child {
		padding-bottom: 20px;
	}
	.table-fluid > thead > tr > td:last-child.contains-component,
	.table-fluid > tbody > tr > td:last-child.contains-component,
	.table-fluid > tfoot > tr > td:last-child.contains-component,
	.table-mobile > thead > tr > td:last-child.contains-component,
	.table-mobile > tbody > tr > td:last-child.contains-component,
	.table-mobile > tfoot > tr > td:last-child.contains-component {
		padding-top: 20px;
		padding-left: 0 !important;
	}
	.table-fluid > thead > tr > td:last-child.contains-component a,
	.table-fluid > thead > tr > td:last-child.contains-component button,
	.table-fluid > thead > tr > td:last-child.contains-component .dropdown-menu,
	.table-fluid > tbody > tr > td:last-child.contains-component a,
	.table-fluid > tbody > tr > td:last-child.contains-component button,
	.table-fluid > tbody > tr > td:last-child.contains-component .dropdown-menu,
	.table-fluid > tfoot > tr > td:last-child.contains-component a,
	.table-fluid > tfoot > tr > td:last-child.contains-component button,
	.table-fluid > tfoot > tr > td:last-child.contains-component .dropdown-menu,
	.table-mobile > thead > tr > td:last-child.contains-component a,
	.table-mobile > thead > tr > td:last-child.contains-component button,
	.table-mobile > thead > tr > td:last-child.contains-component .dropdown-menu,
	.table-mobile > tbody > tr > td:last-child.contains-component a,
	.table-mobile > tbody > tr > td:last-child.contains-component button,
	.table-mobile > tbody > tr > td:last-child.contains-component .dropdown-menu,
	.table-mobile > tfoot > tr > td:last-child.contains-component a,
	.table-mobile > tfoot > tr > td:last-child.contains-component button,
	.table-mobile > tfoot > tr > td:last-child.contains-component .dropdown-menu {
		width: 100%;
	}
	.view-grid .table-fluid > thead > tr > td:last-child.contains-component .dropdown-menu,
	.view-grid .table-fluid > tbody > tr > td:last-child.contains-component .dropdown-menu,
	.view-grid .table-fluid > tfoot > tr > td:last-child.contains-component .dropdown-menu,
	.view-grid .table-mobile > thead > tr > td:last-child.contains-component .dropdown-menu,
	.view-grid .table-mobile > tbody > tr > td:last-child.contains-component .dropdown-menu,
	.view-grid .table-mobile > tfoot > tr > td:last-child.contains-component .dropdown-menu {
		max-width: calc(100vw - 60px);
	}
	.table-fluid > thead > tr > td:before,
	.table-fluid > tbody > tr > td:before,
	.table-fluid > tfoot > tr > td:before,
	.table-mobile > thead > tr > td:before,
	.table-mobile > tbody > tr > td:before,
	.table-mobile > tfoot > tr > td:before {
		display: inline-block;
		font-weight: 600;
		width: 120px;
		margin-left: -130px;
		padding-right: 0;
		white-space: normal;
		word-break: break-word;
		content: attr(data-th);
		float: left;
	}
	.table-fluid > thead > tr > td.required:before,
	.table-fluid > tbody > tr > td.required:before,
	.table-fluid > tfoot > tr > td.required:before,
	.table-mobile > thead > tr > td.required:before,
	.table-mobile > tbody > tr > td.required:before,
	.table-mobile > tfoot > tr > td.required:before {
		padding-left: 15px;
	}
	.table-fluid > thead > tr > td.has-error:before,
	.table-fluid > tbody > tr > td.has-error:before,
	.table-fluid > tfoot > tr > td.has-error:before,
	.table-mobile > thead > tr > td.has-error:before,
	.table-mobile > tbody > tr > td.has-error:before,
	.table-mobile > tfoot > tr > td.has-error:before {
		color: var(--text-color-danger);
	}
	.table-fluid > thead > tr > td:after,
	.table-fluid > tbody > tr > td:after,
	.table-fluid > tfoot > tr > td:after,
	.table-mobile > thead > tr > td:after,
	.table-mobile > tbody > tr > td:after,
	.table-mobile > tfoot > tr > td:after {
		display: table;
		content: "";
		clear: both;
	}
	.table-fluid > thead > tr > td.required:after,
	.table-fluid > tbody > tr > td.required:after,
	.table-fluid > tfoot > tr > td.required:after,
	.table-mobile > thead > tr > td.required:after,
	.table-mobile > tbody > tr > td.required:after,
	.table-mobile > tfoot > tr > td.required:after {
		display: inline;
		position: relative;
		bottom: 0px;
		font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 18px;
		color: var(--text-color-danger);
		line-height: 1;
		white-space: nowrap;
		content: "*";
		position: absolute;
		top: 10px;
		left: 0;
	}
	.table-fluid > thead > tr > td.required:first-child:after,
	.table-fluid > tbody > tr > td.required:first-child:after,
	.table-fluid > tfoot > tr > td.required:first-child:after,
	.table-mobile > thead > tr > td.required:first-child:after,
	.table-mobile > tbody > tr > td.required:first-child:after,
	.table-mobile > tfoot > tr > td.required:first-child:after {
		top: 25px;
	}
	.table-fluid > thead > tr > td > a,
	.table-fluid > thead > tr > td > .btn-link-inline,
	.table-fluid > tbody > tr > td > a,
	.table-fluid > tbody > tr > td > .btn-link-inline,
	.table-fluid > tfoot > tr > td > a,
	.table-fluid > tfoot > tr > td > .btn-link-inline,
	.table-mobile > thead > tr > td > a,
	.table-mobile > thead > tr > td > .btn-link-inline,
	.table-mobile > tbody > tr > td > a,
	.table-mobile > tbody > tr > td > .btn-link-inline,
	.table-mobile > tfoot > tr > td > a,
	.table-mobile > tfoot > tr > td > .btn-link-inline {
		text-decoration: underline;
		display: block;
	}
	.table-fluid > thead > tr > td > a:hover,
	.table-fluid > thead > tr > td > a:focus,
	.table-fluid > thead > tr > td > .btn-link-inline:hover,
	.table-fluid > thead > tr > td > .btn-link-inline:focus,
	.table-fluid > tbody > tr > td > a:hover,
	.table-fluid > tbody > tr > td > a:focus,
	.table-fluid > tbody > tr > td > .btn-link-inline:hover,
	.table-fluid > tbody > tr > td > .btn-link-inline:focus,
	.table-fluid > tfoot > tr > td > a:hover,
	.table-fluid > tfoot > tr > td > a:focus,
	.table-fluid > tfoot > tr > td > .btn-link-inline:hover,
	.table-fluid > tfoot > tr > td > .btn-link-inline:focus,
	.table-mobile > thead > tr > td > a:hover,
	.table-mobile > thead > tr > td > a:focus,
	.table-mobile > thead > tr > td > .btn-link-inline:hover,
	.table-mobile > thead > tr > td > .btn-link-inline:focus,
	.table-mobile > tbody > tr > td > a:hover,
	.table-mobile > tbody > tr > td > a:focus,
	.table-mobile > tbody > tr > td > .btn-link-inline:hover,
	.table-mobile > tbody > tr > td > .btn-link-inline:focus,
	.table-mobile > tfoot > tr > td > a:hover,
	.table-mobile > tfoot > tr > td > a:focus,
	.table-mobile > tfoot > tr > td > .btn-link-inline:hover,
	.table-mobile > tfoot > tr > td > .btn-link-inline:focus {
		text-decoration: none;
	}
	.table-fluid > thead > tr > td > a:active,
	.table-fluid > thead > tr > td > .btn-link-inline:active,
	.table-fluid > tbody > tr > td > a:active,
	.table-fluid > tbody > tr > td > .btn-link-inline:active,
	.table-fluid > tfoot > tr > td > a:active,
	.table-fluid > tfoot > tr > td > .btn-link-inline:active,
	.table-mobile > thead > tr > td > a:active,
	.table-mobile > thead > tr > td > .btn-link-inline:active,
	.table-mobile > tbody > tr > td > a:active,
	.table-mobile > tbody > tr > td > .btn-link-inline:active,
	.table-mobile > tfoot > tr > td > a:active,
	.table-mobile > tfoot > tr > td > .btn-link-inline:active {
		text-decoration: underline;
	}
	.table-fluid > thead > tr > td > a:disabled,
	.table-fluid > thead > tr > td > a.disabled,
	.table-fluid > thead > tr > td > .btn-link-inline:disabled,
	.table-fluid > thead > tr > td > .btn-link-inline.disabled,
	.table-fluid > tbody > tr > td > a:disabled,
	.table-fluid > tbody > tr > td > a.disabled,
	.table-fluid > tbody > tr > td > .btn-link-inline:disabled,
	.table-fluid > tbody > tr > td > .btn-link-inline.disabled,
	.table-fluid > tfoot > tr > td > a:disabled,
	.table-fluid > tfoot > tr > td > a.disabled,
	.table-fluid > tfoot > tr > td > .btn-link-inline:disabled,
	.table-fluid > tfoot > tr > td > .btn-link-inline.disabled,
	.table-mobile > thead > tr > td > a:disabled,
	.table-mobile > thead > tr > td > a.disabled,
	.table-mobile > thead > tr > td > .btn-link-inline:disabled,
	.table-mobile > thead > tr > td > .btn-link-inline.disabled,
	.table-mobile > tbody > tr > td > a:disabled,
	.table-mobile > tbody > tr > td > a.disabled,
	.table-mobile > tbody > tr > td > .btn-link-inline:disabled,
	.table-mobile > tbody > tr > td > .btn-link-inline.disabled,
	.table-mobile > tfoot > tr > td > a:disabled,
	.table-mobile > tfoot > tr > td > a.disabled,
	.table-mobile > tfoot > tr > td > .btn-link-inline:disabled,
	.table-mobile > tfoot > tr > td > .btn-link-inline.disabled {
		text-decoration: none;
	}
	html[dir="rtl"] .table-fluid > thead > tr > td,
	html[dir="rtl"] .table-fluid > tbody > tr > td,
	html[dir="rtl"] .table-fluid > tfoot > tr > td,
	html[dir="rtl"] .table-mobile > thead > tr > td,
	html[dir="rtl"] .table-mobile > tbody > tr > td,
	html[dir="rtl"] .table-mobile > tfoot > tr > td {
		padding-right: 130px !important;
	}
	html[dir="ltr"] .table-fluid > thead > tr > td,
	html[dir="ltr"] .table-fluid > tbody > tr > td,
	html[dir="ltr"] .table-fluid > tfoot > tr > td,
	html[dir="ltr"] .table-mobile > thead > tr > td,
	html[dir="ltr"] .table-mobile > tbody > tr > td,
	html[dir="ltr"] .table-mobile > tfoot > tr > td {
		padding-left: 130px !important;
	}
}

.table-fluid > thead > tr:has(> .required) > td:before,
.table-fluid > tbody > tr:has(> .required) > td:before,
.table-fluid > tfoot > tr:has(> .required) > td:before,
.table-mobile > thead > tr:has(> .required) > td:before,
.table-mobile > tbody > tr:has(> .required) > td:before,
.table-mobile > tfoot > tr:has(> .required) > td:before {
	padding-left: 15px;
}

@media screen and (max-width: 767px) {
	.table-fluid > tfoot > tr > td,
	.table-mobile > tfoot > tr > td {
		padding-top: 5px;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.table-fluid > tfoot > tr > td:first-child,
	.table-mobile > tfoot > tr > td:first-child {
		padding-top: 15px !important;
	}
	.table-fluid > tfoot > tr > td:first-child:last-child,
	.table-mobile > tfoot > tr > td:first-child:last-child {
		padding-top: 7px !important;
		padding-bottom: 9px !important;
	}
	.table-fluid > tfoot > tr > td:last-child,
	.table-mobile > tfoot > tr > td:last-child {
		padding-bottom: 15px;
	}
	.table-fluid > tfoot > tr > td:before,
	.table-mobile > tfoot > tr > td:before {
		display: none;
	}
	html[dir="rtl"] .table-fluid > tfoot > tr > td,
	html[dir="rtl"] .table-mobile > tfoot > tr > td {
		padding-right: 15px !important;
	}
	html[dir="ltr"] .table-fluid > tfoot > tr > td,
	html[dir="ltr"] .table-mobile > tfoot > tr > td {
		padding-left: 15px !important;
	}
}

.table-rows-selectable > tbody > tr > td,
.entity-lookup .view-grid > .table-hover > tbody > tr > td,
.table-rows-clickable > tbody > tr > td {
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.table-rows-selectable > tbody > tr.empty-message td,
	.entity-lookup .view-grid > .table-hover > tbody > tr.empty-message td {
		border-top: var(--gray-300) solid 1px;
	}
	html[dir="rtl"] .table-rows-selectable > tbody > tr > td,
	html[dir="rtl"] .entity-lookup .view-grid > .table-hover > tbody > tr > td,
	.entity-lookup html[dir="rtl"] .view-grid > .table-hover > tbody > tr > td {
		padding-right: 174px !important;
	}
	html[dir="ltr"] .table-rows-selectable > tbody > tr > td,
	html[dir="ltr"] .entity-lookup .view-grid > .table-hover > tbody > tr > td,
	.entity-lookup html[dir="ltr"] .view-grid > .table-hover > tbody > tr > td {
		padding-left: 174px !important;
	}
}

@media screen and (max-width: 767px) {
	.table-fluid-label-width-xs > thead > tr > td:before,
	.table-fluid-label-width-xs > tbody > tr > td:before,
	.table-fluid-label-width-xs > tfoot > tr > td:before,
	.table-mobile-label-width-xs > thead > tr > td:before,
	.table-mobile-label-width-xs > tbody > tr > td:before,
	.table-mobile-label-width-xs > tfoot > tr > td:before {
		width: 60px;
		margin-left: -70px;
	}
	html[dir="rtl"] .table-fluid-label-width-xs > thead > tr > td,
	html[dir="rtl"] .table-fluid-label-width-xs > tbody > tr > td,
	html[dir="rtl"] .table-fluid-label-width-xs > tfoot > tr > td,
	html[dir="rtl"] .table-mobile-label-width-xs > thead > tr > td,
	html[dir="rtl"] .table-mobile-label-width-xs > tbody > tr > td,
	html[dir="rtl"] .table-mobile-label-width-xs > tfoot > tr > td {
		padding-right: 70px !important;
	}
	html[dir="ltr"] .table-fluid-label-width-xs > thead > tr > td,
	html[dir="ltr"] .table-fluid-label-width-xs > tbody > tr > td,
	html[dir="ltr"] .table-fluid-label-width-xs > tfoot > tr > td,
	html[dir="ltr"] .table-mobile-label-width-xs > thead > tr > td,
	html[dir="ltr"] .table-mobile-label-width-xs > tbody > tr > td,
	html[dir="ltr"] .table-mobile-label-width-xs > tfoot > tr > td {
		padding-left: 70px !important;
	}
}

@media screen and (max-width: 767px) {
	.table-fluid-label-width-sm > thead > tr > td:before,
	.table-fluid-label-width-sm > tbody > tr > td:before,
	.table-fluid-label-width-sm > tfoot > tr > td:before,
	.table-mobile-label-width-sm > thead > tr > td:before,
	.table-mobile-label-width-sm > tbody > tr > td:before,
	.table-mobile-label-width-sm > tfoot > tr > td:before {
		width: 90px;
		margin-left: -100px;
	}
	html[dir="rtl"] .table-fluid-label-width-sm > thead > tr > td,
	html[dir="rtl"] .table-fluid-label-width-sm > tbody > tr > td,
	html[dir="rtl"] .table-fluid-label-width-sm > tfoot > tr > td,
	html[dir="rtl"] .table-mobile-label-width-sm > thead > tr > td,
	html[dir="rtl"] .table-mobile-label-width-sm > tbody > tr > td,
	html[dir="rtl"] .table-mobile-label-width-sm > tfoot > tr > td {
		padding-right: 100px !important;
	}
	html[dir="ltr"] .table-fluid-label-width-sm > thead > tr > td,
	html[dir="ltr"] .table-fluid-label-width-sm > tbody > tr > td,
	html[dir="ltr"] .table-fluid-label-width-sm > tfoot > tr > td,
	html[dir="ltr"] .table-mobile-label-width-sm > thead > tr > td,
	html[dir="ltr"] .table-mobile-label-width-sm > tbody > tr > td,
	html[dir="ltr"] .table-mobile-label-width-sm > tfoot > tr > td {
		padding-left: 100px !important;
	}
}

@media screen and (max-width: 767px) {
	.table-fluid-label-width-md > thead > tr > td:before,
	.table-fluid-label-width-md > tbody > tr > td:before,
	.table-fluid-label-width-md > tfoot > tr > td:before,
	.table-mobile-label-width-md > thead > tr > td:before,
	.table-mobile-label-width-md > tbody > tr > td:before,
	.table-mobile-label-width-md > tfoot > tr > td:before {
		width: 120px;
		margin-left: -130px;
	}
	html[dir="rtl"] .table-fluid-label-width-md > thead > tr > td,
	html[dir="rtl"] .table-fluid-label-width-md > tbody > tr > td,
	html[dir="rtl"] .table-fluid-label-width-md > tfoot > tr > td,
	html[dir="rtl"] .table-mobile-label-width-md > thead > tr > td,
	html[dir="rtl"] .table-mobile-label-width-md > tbody > tr > td,
	html[dir="rtl"] .table-mobile-label-width-md > tfoot > tr > td {
		padding-right: 130px !important;
	}
	html[dir="ltr"] .table-fluid-label-width-md > thead > tr > td,
	html[dir="ltr"] .table-fluid-label-width-md > tbody > tr > td,
	html[dir="ltr"] .table-fluid-label-width-md > tfoot > tr > td,
	html[dir="ltr"] .table-mobile-label-width-md > thead > tr > td,
	html[dir="ltr"] .table-mobile-label-width-md > tbody > tr > td,
	html[dir="ltr"] .table-mobile-label-width-md > tfoot > tr > td {
		padding-left: 130px !important;
	}
}

@media screen and (max-width: 767px) {
	.table-fluid-label-width-lg > thead > tr > td:before,
	.table-fluid-label-width-lg > tbody > tr > td:before,
	.table-fluid-label-width-lg > tfoot > tr > td:before,
	.table-mobile-label-width-lg > thead > tr > td:before,
	.table-mobile-label-width-lg > tbody > tr > td:before,
	.table-mobile-label-width-lg > tfoot > tr > td:before {
		width: 180px;
		margin-left: -190px;
	}
	html[dir="rtl"] .table-fluid-label-width-lg > thead > tr > td,
	html[dir="rtl"] .table-fluid-label-width-lg > tbody > tr > td,
	html[dir="rtl"] .table-fluid-label-width-lg > tfoot > tr > td,
	html[dir="rtl"] .table-mobile-label-width-lg > thead > tr > td,
	html[dir="rtl"] .table-mobile-label-width-lg > tbody > tr > td,
	html[dir="rtl"] .table-mobile-label-width-lg > tfoot > tr > td {
		padding-right: 190px !important;
	}
	html[dir="ltr"] .table-fluid-label-width-lg > thead > tr > td,
	html[dir="ltr"] .table-fluid-label-width-lg > tbody > tr > td,
	html[dir="ltr"] .table-fluid-label-width-lg > tfoot > tr > td,
	html[dir="ltr"] .table-mobile-label-width-lg > thead > tr > td,
	html[dir="ltr"] .table-mobile-label-width-lg > tbody > tr > td,
	html[dir="ltr"] .table-mobile-label-width-lg > tfoot > tr > td {
		padding-left: 190px !important;
	}
}

@media screen and (max-width: 767px) {
	.table-fluid-label-width-xl > thead > tr > td:before,
	.table-fluid-label-width-xl > tbody > tr > td:before,
	.table-fluid-label-width-xl > tfoot > tr > td:before,
	.table-mobile-label-width-xl > thead > tr > td:before,
	.table-mobile-label-width-xl > tbody > tr > td:before,
	.table-mobile-label-width-xl > tfoot > tr > td:before {
		width: 240px;
		margin-left: -250px;
	}
	html[dir="rtl"] .table-fluid-label-width-xl > thead > tr > td,
	html[dir="rtl"] .table-fluid-label-width-xl > tbody > tr > td,
	html[dir="rtl"] .table-fluid-label-width-xl > tfoot > tr > td,
	html[dir="rtl"] .table-mobile-label-width-xl > thead > tr > td,
	html[dir="rtl"] .table-mobile-label-width-xl > tbody > tr > td,
	html[dir="rtl"] .table-mobile-label-width-xl > tfoot > tr > td {
		padding-right: 250px !important;
	}
	html[dir="ltr"] .table-fluid-label-width-xl > thead > tr > td,
	html[dir="ltr"] .table-fluid-label-width-xl > tbody > tr > td,
	html[dir="ltr"] .table-fluid-label-width-xl > tfoot > tr > td,
	html[dir="ltr"] .table-mobile-label-width-xl > thead > tr > td,
	html[dir="ltr"] .table-mobile-label-width-xl > tbody > tr > td,
	html[dir="ltr"] .table-mobile-label-width-xl > tfoot > tr > td {
		padding-left: 250px !important;
	}
}

.table > tbody + tbody {
	border-top: 3px solid var(--gray-300);
}

tr.empty-message {
	cursor: default;
}
@media screen and (max-width: 767px) {
	html[dir="ltr"] .table-mobile > tbody > tr.empty-message td {
		padding: 7px 15px 9px !important;
	}
}
tr.empty-message div {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
tr.empty-message div > * + * {
	margin-left: 10px;
}
tr.empty-message .icon {
	position: relative;
	top: 3px;
	color: var(--text-color-danger);
}
tr.empty-message .text {
	font-style: italic;
}

/* ------------------------------ COMPONENTS: Table - Bootstrap Leftovers ------------------------------ */
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

.table .table {
	background-color: var(--bg-default);
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: var(--green-100);
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: var(--green-200);
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: var(--cyan-100);
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: var(--cyan-200);
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: var(--yellow-100);
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: var(--yellow-200);
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: var(--red-100);
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: var(--red-200);
}

.table-responsive {
	min-height: 0.01%;
	overflow-x: auto;
}

@media screen and (max-width: 768px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 24px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid var(--gray-300);
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
	margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
	padding-right: 15px;
	padding-left: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
	border-top-left-radius: -1;
	border-top-right-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
	border-top-left-radius: -1;
	border-top-right-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
	border-top-left-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
	border-top-right-radius: -1;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
	border-bottom-right-radius: -1;
	border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
	border-bottom-right-radius: -1;
	border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
	border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
	border-bottom-right-radius: -1;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
	border-top: 1px solid var(--border-color-default);
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
	border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
	border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
	border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
	border-bottom: 0;
}

.panel > .table-responsive {
	margin-bottom: 0;
	border: 0;
}

/* ------------------------------ COMPONENTS: Tile ------------------------------ */
.tiles {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}
.tiles > li {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	width: 100%;
}
.tiles > li:not(:last-child) {
	margin-bottom: 40px;
}
.tiles > li + li {
	padding-top: 30px;
	border-top: 1px solid var(--border-color-default);
}
@media (min-width: 769px) {
	.tiles > li {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 20px;
		margin-right: 20px;
		width: calc(33.33% - 40px);
		text-align: center;
	}
	.tiles > li:not(:last-child) {
		margin-bottom: 0;
	}
	.tiles > li + li {
		padding-top: 0;
		border-top: 0;
	}
}
@media (min-width: 1181px) {
	.tiles > li {
		width: calc(25% - 40px);
	}
}
@media (min-width: 1401px) {
	.tiles > li {
		width: calc(20% - 40px);
	}
}
@media (min-width: 769px) and (max-width: 1180px) {
	.tiles > li:nth-child(n + 4) {
		margin-top: 40px;
	}
}
@media (min-width: 1181px) and (max-width: 1400px) {
	.tiles > li:nth-child(n + 5) {
		margin-top: 40px;
	}
}
@media (min-width: 1401px) {
	.tiles > li:nth-child(n + 6) {
		margin-top: 40px;
	}
}
@media (min-width: 769px) {
	.tiles.tiles-1 > li {
		width: calc(100% - 40px);
	}
	.tiles.tiles-1 > li:nth-child(n + 2) {
		margin-top: 40px;
	}
}
@media (min-width: 769px) {
	.tiles.tiles-2 > li {
		width: calc(50% - 40px);
	}
	.tiles.tiles-2 > li:nth-child(n + 3) {
		margin-top: 40px;
	}
}
@media (min-width: 769px) {
	.tiles.tiles-3 > li:nth-child(n + 4) {
		margin-top: 40px;
	}
}
@media (min-width: 1181px) {
	.tiles.tiles-3 > li {
		width: calc(33.33% - 40px);
	}
}
@media (min-width: 769px) and (max-width: 1180px) {
	.tiles.tiles-4 > li:nth-child(n + 4) {
		margin-top: 40px;
	}
}
@media (min-width: 1181px) {
	.tiles.tiles-4 > li:nth-child(n + 5) {
		margin-top: 40px;
	}
}
@media (min-width: 1401px) {
	.tiles.tiles-4 > li {
		width: calc(25% - 40px);
	}
}

.tile-icon {
	display: inline-block;
	position: relative;
	height: 0;
	width: 80px;
	padding-top: 80px;
	position: absolute;
	top: calc((100% - 42px - 20px) / 2);
	left: 0;
	transform: translateY(-50%);
	fill: var(--text-color-primary);
}
.tile-icon svg {
	position: absolute;
	top: 0;
	left: 0;
}
@media (max-width: 768px) {
	.tiles > li + li .tile-icon {
		top: calc((100% - 42px - 20px - 30px) / 2 + 30px);
	}
}
@media (min-width: 769px) {
	.tile-icon {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto 10px;
		width: 100px;
		height: 100px;
		transform: none;
	}
}

.tile-title {
	margin-top: 0;
	padding-left: 100px;
}
@media (min-width: 769px) {
	.tile-title {
		padding-left: 0;
	}
}

.tile-description {
	margin-bottom: 20px;
	padding-left: 100px;
}
@media (min-width: 769px) {
	.tile-description {
		padding-left: 0;
		font-size: 18px;
	}
}

.tiles .btn {
	min-width: 160px;
}
@media (max-width: 768px) {
	.tiles .btn {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.tiles .dropdown-menu {
		width: 100%;
	}
}

/* ------------------------------ COMPONENTS: Tooltip ------------------------------ */
.tooltip {
	position: absolute;
	z-index: 1000;
	display: block;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity=0);
	opacity: 0;
}

.tooltip.in {
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.tooltip.top {
	padding: 6px 0;
	margin-top: -3px;
}

.tooltip.right {
	padding: 0 6px;
	margin-left: 3px;
}

.tooltip.bottom {
	padding: 6px 0;
	margin-top: 3px;
}

.tooltip.left {
	padding: 0 6px;
	margin-left: -3px;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	border-width: 6px 6px 0;
	border-top-color: var(--gray-900);
}

.tooltip.top-left .tooltip-arrow {
	right: 6px;
	bottom: 0;
	margin-bottom: -6px;
	border-width: 6px 6px 0;
	border-top-color: var(--gray-900);
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 6px;
	margin-bottom: -6px;
	border-width: 6px 6px 0;
	border-top-color: var(--gray-900);
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -6px;
	border-width: 6px 6px 6px 0;
	border-right-color: var(--gray-900);
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -6px;
	border-width: 6px 0 6px 6px;
	border-left-color: var(--gray-900);
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -6px;
	border-width: 0 6px 6px;
	border-bottom-color: var(--gray-900);
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 6px;
	margin-top: -6px;
	border-width: 0 6px 6px;
	border-bottom-color: var(--gray-900);
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 6px;
	margin-top: -6px;
	border-width: 0 6px 6px;
	border-bottom-color: var(--gray-900);
}

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: var(--white);
	text-align: center;
	background-color: var(--gray-900);
	border-radius: 0;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

/* ------------------------------ COMPONENTS: Well ------------------------------ */
.well {
	min-height: 20px;
	padding: 15px;
	margin-bottom: 20px;
	background-color: var(--bg-accent);
	border: 1px solid var(--border-color-default);
	border-radius: 0;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}
.well blockquote {
	border-color: var(--border-color-default);
}
.well.well-lg {
	padding: 20px;
	border-radius: 0;
}
.well.well-sm {
	padding: 10px;
	border-radius: 0;
}

/* ------------------------------ PAGES: System Message ------------------------------ */
.application-message-content .application-message-container {
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
	padding-top: 20px;
}
.application-message-content .application-message-copy-content,
.application-message-content .application-message-media-content {
	width: 100%;
}
.application-message-content .application-message-copy-content {
	align-self: center;
	padding-top: 30px;
}
.application-message-content .application-message-copy-content h1 {
	text-align: center;
	align-self: center;
}
.application-message-content .application-message-copy-content .btn {
	width: 100%;
}
.application-message-content .application-message-media-content {
	display: flex;
	justify-content: center;
	align-self: center;
	color: var(--text-color-on-primary-transparent-default);
}
.application-message-content .application-message-media-content svg {
	width: 60%;
	max-width: 300px;
}
@media (min-width: 769px) {
	.application-message-content {
		display: flex;
		flex: 1 1 auto;
	}
	.application-message-content .application-message-container {
		padding-top: 0;
		flex-direction: row;
	}
	.application-message-content .application-message-copy-content {
		padding-top: 0;
		padding-right: 30px;
	}
	.application-message-content .application-message-copy-content h1 {
		text-align: left;
	}
	.application-message-content .application-message-copy-content .btn {
		width: auto;
	}
	.application-message-content .application-message-media-content svg {
		width: 80%;
		max-width: 370px;
	}
	.application-message-content .application-message-copy-content,
	.application-message-content .application-message-media-content {
		width: 50%;
	}
}

/* ------------------------------ MICROSOFT: crmEntityFormView - REMAINDER ------------------------------ */
.crmEntityFormView .validator-text {
	color: var(--text-color-danger);
}

html[dir="ltr"] .crmEntityFormView .validator-text {
	margin: 0 0 0 3px;
}

html[dir="rtl"] .crmEntityFormView .validator-text {
	margin: 0 3px 0 0;
}

.crmEntityFormView div.row.full div.cell {
	width: 100%;
}

.crmEntityFormView .cell.picklist-matrix-cell {
	padding: 0;
}

.crmEntityFormView .picklist.horizontal.labels-top label {
	display: block;
}

.crmEntityFormView .picklist.horizontal.labels-top td {
	text-align: center;
}

html[dir="ltr"] .crmEntityFormView .picklist.horizontal.labels-top td {
	padding-right: 20px;
}

html[dir="rtl"] .crmEntityFormView .picklist.horizontal.labels-top td {
	padding-left: 20px;
}

html[dir="ltr"] .crmEntityFormView .picklist-matrix-cell .picklist.horizontal.labels-top input[type="radio"] {
	margin-left: 0;
}

html[dir="rtl"] .crmEntityFormView .picklist-matrix-cell .picklist.horizontal.labels-top input[type="radio"] {
	margin-right: 0;
}

.crmEntityFormView .picklist-matrix-cell div.info {
	width: 250px;
}

html[dir="ltr"] .crmEntityFormView .picklist-matrix-cell div.info {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .picklist-matrix-cell div.info {
	float: right;
}

.crmEntityFormView .picklist-matrix-cell div.control {
	clear: none;
}

html[dir="rtl"] .crmEntityFormView .picklist-matrix-cell div.control {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .picklist-matrix-cell div.control {
	float: right;
}

.crmEntityFormView .picklist-matrix-cell div.control .picklist label {
	height: 1px;
	padding-top: 1px;
	overflow: hidden;
	display: block;
}

.crmEntityFormView table.section tr:first-child .picklist-matrix-cell div.control .picklist label {
	height: auto;
	padding-top: 0;
	display: block;
}

.crmEntityFormView table.section tr:first-child .picklist-matrix-cell div.info {
	padding-top: 15px;
	vertical-align: bottom;
}

.crmEntityFormView table.section tr:first-child .picklist-matrix-cell div.control {
	margin-top: -10px;
	padding-top: 10px;
}

.crmEntityFormView .cell.rank-order-cell {
	padding: 0 0 3px 0;
}

.crmEntityFormView .rank-order-cell div.info {
	padding-top: 3px;
	width: 150px;
}

.crmEntityFormView .rank-order-cell div.control {
	width: 100px;
	clear: none;
}

html[dir="ltr"] .crmEntityFormView .rank-order-cell div.control {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .rank-order-cell div.control {
	float: right;
}

.crmEntityFormView .rank-order-cell .validator-text {
	color: var(--text-color-danger);
}

html[dir="ltr"] .crmEntityFormView .rank-order-cell .validator-text {
	padding: 0 0 0 30px;
}

html[dir="rtl"] .crmEntityFormView .rank-order-cell .validator-text {
	padding: 0 30px 0 0;
}

.crmEntityFormView .cell.constant-sum-cell {
	padding: 0 0 3px 0;
}

.crmEntityFormView .constant-sum-cell div.info {
	padding-top: 3px;
	width: 150px;
}

.crmEntityFormView .constant-sum-cell div.control {
	clear: none;
	width: 100px;
}

html[dir="ltr"] .crmEntityFormView .constant-sum-cell div.control {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .constant-sum-cell div.control {
	float: right;
}

.crmEntityFormView .constant-sum-cell div.control input.integer {
	text-align: center;
}

.crmEntityFormView .constant-sum-cell .validator-text {
	color: var(--text-color-danger);
}

html[dir="ltr"] .crmEntityFormView .constant-sum-cell .validator-text {
	float: left;
	margin: 5px 0 0 3px;
}

html[dir="rtl"] .crmEntityFormView .constant-sum-cell .validator-text {
	float: right;
	margin: 5px 3px 0 0;
}

.crmEntityFormView .constant-sum-cell div.control input.total {
	clear: both;
	border: none;
	background-color: transparent;
	color: var(--text-color-default);
	border-top: solid 1px var(--border-color-default);
	font-weight: 700;
	text-align: center;
	width: 30px;
	margin: 2px 0 0 0;
}

.crmEntityFormView .cell.stack-rank-cell {
	padding: 0 0 3px 0;
}

.crmEntityFormView .stack-rank-cell div.info {
	margin-top: 9px;
	width: 150px;
}

.crmEntityFormView .stack-rank-cell div.control {
	clear: none;
	width: 100px;
}

html[dir="ltr"] .crmEntityFormView .stack-rank-cell div.control {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .stack-rank-cell div.control {
	float: right;
}

.crmEntityFormView .stack-rank-cell .validator-text {
	color: var(--text-color-danger);
}

html[dir="ltr"] .crmEntityFormView .stack-rank-cell .validator-text {
	padding: 0 0 0 3px;
}

html[dir="rtl"] .crmEntityFormView .stack-rank-cell .validator-text {
	padding: 0 3px 0 0;
}

.crmEntityFormView .sr-cell {
	padding: 2px 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid var(--black);
	line-height: 24px;
}

html[dir="ltr"] .crmEntityFormView .sr-cell {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .sr-cell {
	float: right;
}

.crmEntityFormView .sr-cell:hover {
	cursor: pointer;
	background: var(--bg-primary-transparent-hover);
	color: var(--white);
}

.crmEntityFormView .selected-cell {
	background: var(--bg-primary-transparent-selected);
	color: var(--white);
}

html[dir="ltr"] .crmEntityFormView.readonly {
	padding-left: 0;
}

html[dir="rtl"] .crmEntityFormView.readonly {
	padding-right: 0;
}

.crmEntityFormView.readonly .cell input:disabled,
.crmEntityFormView.readonly .cell select:disabled,
.crmEntityFormView.readonly .cell textarea:disabled {
	background: 0 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	padding: 0;
}

.crmEntityFormView textarea[readonly] {
	display: block !important;
}

.crmEntityFormView.readonly .cell div.info.required label:after {
	content: none;
}

.crmEntityFormView.readonly .cell div.info label {
	font-weight: 700;
}

.crmEntityFormView.centered .cell div.info {
	width: 100%;
}

.crmEntityFormView.centered .cell div.info label {
	width: 100%;
	text-align: center;
}

.crmEntityFormView.centered .cell input[type="text"],
.crmEntityFormView.centered .cell select,
.crmEntityFormView.centered .cell textarea {
	text-align: center;
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.crmEntityFormView div[readonly][disabled].msos-container,
.crmEntityFormView [readonly][disabled].msos-input-container,
.form-readonly .form-control,
.form-readonly div.msos-container,
.form-readonly .msos-input-container,
.form-control.readonly,
div.readonly.msos-container,
.readonly.msos-input-container {
	outline-offset: 0;
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	border: none !important;
	background: none;
	font-weight: 400 !important;
	color: var(--text-color-default);
	box-shadow: none !important;
	cursor: auto;
	pointer-events: none;
}
.crmEntityFormView .form-control.readonly:focus,
.crmEntityFormView .form-control[readonly][disabled]:focus,
.crmEntityFormView div[readonly][disabled].msos-container:focus,
.crmEntityFormView [readonly][disabled].msos-input-container:focus,
.form-readonly .form-control:focus,
.form-readonly div.msos-container:focus,
.form-readonly .msos-input-container:focus,
.form-control.readonly:focus,
div.readonly.msos-container:focus,
.readonly.msos-input-container:focus {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
.crmEntityFormView .form-control.readonly:focus:not(:focus-visible),
.crmEntityFormView .form-control[readonly][disabled]:focus:not(:focus-visible),
.crmEntityFormView div[readonly][disabled].msos-container:focus:not(:focus-visible),
.crmEntityFormView [readonly][disabled].msos-input-container:focus:not(:focus-visible),
.form-readonly .form-control:focus:not(:focus-visible),
.form-readonly div.msos-container:focus:not(:focus-visible),
.form-readonly .msos-input-container:focus:not(:focus-visible),
.form-control.readonly:focus:not(:focus-visible),
div.readonly.msos-container:focus:not(:focus-visible),
.readonly.msos-input-container:focus:not(:focus-visible) {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: transparent !important;
}
.crmEntityFormView .form-control.readonly:focus-visible,
.crmEntityFormView .form-control[readonly][disabled]:focus-visible,
.crmEntityFormView div[readonly][disabled].msos-container:focus-visible,
.crmEntityFormView [readonly][disabled].msos-input-container:focus-visible,
.form-readonly .form-control:focus-visible,
.form-readonly div.msos-container:focus-visible,
.form-readonly .msos-input-container:focus-visible,
.form-control.readonly:focus-visible,
div.readonly.msos-container:focus-visible,
.readonly.msos-input-container:focus-visible {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
.crmEntityFormView .form-control.readonly ~ .text-muted,
.crmEntityFormView .form-control[readonly][disabled] ~ .text-muted,
.crmEntityFormView div[readonly][disabled].msos-container ~ .text-muted,
.crmEntityFormView [readonly][disabled].msos-input-container ~ .text-muted,
.form-readonly .form-control ~ .text-muted,
.form-readonly div.msos-container ~ .text-muted,
.form-readonly .msos-input-container ~ .text-muted,
.form-control.readonly ~ .text-muted,
div.readonly.msos-container ~ .text-muted,
.readonly.msos-input-container ~ .text-muted {
	top: 0 !important;
}

.form-readonly .input-group-btn {
	display: none;
}
.form-readonly .form-control ~ .input-group-addon,
.form-readonly div.msos-container ~ .input-group-addon,
.form-readonly .msos-input-container ~ .input-group-addon {
	display: none;
}

.form-control.readonly ~ *:not(.text-muted),
div.readonly.msos-container ~ *:not(.text-muted),
.readonly.msos-input-container ~ *:not(.text-muted) {
	outline-offset: 0;
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	border: none !important;
	background: none;
	font-weight: 400 !important;
	color: var(--text-color-default);
	box-shadow: none !important;
	cursor: auto;
	pointer-events: none;
}
.form-control.readonly ~ *:not(.text-muted):focus,
div.readonly.msos-container ~ *:not(.text-muted):focus,
.readonly.msos-input-container ~ *:not(.text-muted):focus {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}
.form-control.readonly ~ *:not(.text-muted):focus:not(:focus-visible),
div.readonly.msos-container ~ *:not(.text-muted):focus:not(:focus-visible),
.readonly.msos-input-container ~ *:not(.text-muted):focus:not(:focus-visible) {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: transparent !important;
}
.form-control.readonly ~ *:not(.text-muted):focus-visible,
div.readonly.msos-container ~ *:not(.text-muted):focus-visible,
.readonly.msos-input-container ~ *:not(.text-muted):focus-visible {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--border-color-default) !important;
	outline-offset: 2px !important;
}

.crmEntityFormView .form-control.readonly:focus,
.crmEntityFormView div.readonly.msos-container:focus,
.crmEntityFormView .readonly.msos-input-container:focus,
.crmEntityFormView .form-control[readonly][disabled]:focus,
.crmEntityFormView div[readonly][disabled].msos-container:focus,
.crmEntityFormView [readonly][disabled].msos-input-container:focus,
.form-readonly .form-control:focus,
.form-readonly div.msos-container:focus,
.form-readonly .msos-input-container:focus {
	outline: 2px dotted var(--gray-900);
	outline: 2px auto -webkit-focus-ring-color;
}

.crmEntityFormView textarea.form-control.readonly,
.crmEntityFormView textarea.readonly.msos-input-container,
.crmEntityFormView textarea.form-control[readonly][disabled],
.crmEntityFormView textarea[readonly][disabled].msos-input-container,
.form-readonly textarea.form-control,
.form-readonly textarea.msos-input-container {
	resize: none;
}

.crmEntityFormView select.form-control.readonly,
.crmEntityFormView select.readonly.msos-input-container,
.form-readonly select.form-control,
.form-readonly select.msos-input-container {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.crmEntityFormView select.form-control.readonly::-ms-expand,
.crmEntityFormView select.readonly.msos-input-container::-ms-expand,
.form-readonly select.form-control::-ms-expand,
.form-readonly select.msos-input-container::-ms-expand {
	display: none;
}

.crmEntityFormView select.form-control.readonly option,
.crmEntityFormView select.readonly.msos-input-container option,
.form-readonly select.form-control option,
.form-readonly select.msos-input-container option {
	padding-left: 0;
	padding-right: 0;
}

.crmEntityFormView .money .input-group.readonly > .input-group-addon,
.form-readonly .money .input-group > .input-group-addon {
	background: 0 0;
	border: none;
	padding-left: 0;
	padding-right: 0;
}

.crmEntityFormView .image-inline {
	margin-bottom: 5px;
}

/* ------------------------------ MICROSOFT: crmEntityFormView ------------------------------ */
span.crmEntityFormView {
	display: block;
}

.crmEntityFormView table.table td {
	padding: 7px 15px 9px;
}
.crmEntityFormView table.table td:first-child {
	padding: 7px 15px 9px;
}
.crmEntityFormView table.table td[aria-label="action menu"] {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}
@media screen and (max-width: 767px) {
	.crmEntityFormView table.table-mobile td {
		padding: 7px 0 0 15px;
	}
	.crmEntityFormView table.table-mobile td:first-child {
		padding: 7px 0 0 15px;
	}
}
@media (max-width: 767px) {
	.crmEntityFormView table.section,
	.crmEntityFormView table.section > tbody,
	.crmEntityFormView table.section > tbody > tr,
	.crmEntityFormView table.section > tbody > tr > td,
	.crmEntityFormView table.section > tbody > tr > th,
	.crmEntityFormView table.section > tfoot,
	.crmEntityFormView table.section > tfoot > tr,
	.crmEntityFormView table.section > tfoot > tr > td,
	.crmEntityFormView table.section > tfoot > tr > th,
	.crmEntityFormView table.section > thead,
	.crmEntityFormView table.section > thead > tr,
	.crmEntityFormView table.section > thead > tr > td,
	.crmEntityFormView table.section > thead > tr > th {
		display: block;
	}
	.crmEntityFormView table.section {
		width: 100%;
		overflow: visible;
	}
}
.crmEntityFormView td.cell {
	vertical-align: top;
}
.crmEntityFormView .form-actions {
	margin-top: 20px;
}
.crmEntityFormView .actions {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 30px 0 0;
	border-top: 1px solid var(--border-color-default);
}
@media (min-width: 769px) {
	.crmEntityFormView .actions {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.crmEntityFormView .actions {
		margin-top: 30px;
	}
}
.crmEntityFormView .actions.actions--no-border {
	padding: 0;
	border: none;
}
.crmEntityFormView .actions:has(> .btn) {
	justify-content: flex-end;
}
.crmEntityFormView .actions .col-sm-6,
.crmEntityFormView .actions .col-md-6 {
	padding: 0;
	width: 100%;
}
.crmEntityFormView .actions .col-sm-6 .btn-group:only-child,
.crmEntityFormView .actions .col-md-6 .btn-group:only-child {
	float: right;
}
.crmEntityFormView .actions .col-sm-6 .btn-group:not(:only-child):nth-child(1),
.crmEntityFormView .actions .col-md-6 .btn-group:not(:only-child):nth-child(1) {
	float: left;
}
.crmEntityFormView .actions .col-sm-6 .btn-group:not(:only-child):nth-child(2),
.crmEntityFormView .actions .col-md-6 .btn-group:not(:only-child):nth-child(2) {
	float: right;
}
.crmEntityFormView .actions .save-and-continue-container {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
}
.crmEntityFormView .actions .save-and-continue-container.save-and-continue--step-one {
	justify-content: space-between;
}
.crmEntityFormView .actions .save-and-continue-container .btn-group,
.crmEntityFormView .actions .save-and-continue-container .btn-group > .btn {
	float: none !important;
}
.crmEntityFormView .actions:empty {
	display: none;
}
.crmEntityFormView .actions:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.crmEntityFormView .actions .btn {
	min-width: 160px;
}
html[dir="ltr"] .crmEntityFormView .actions .btn:first-child {
	margin-right: 0 !important;
}
html[dir="ltr"] .crmEntityFormView .actions .btn:first-child ~ * {
	margin-left: 20px !important;
}

html[dir="rtl"] .crmEntityFormView .actions .btn:first-child {
	margin-left: 0 !important;
}
html[dir="rtl"] .crmEntityFormView .actions .btn:first-child ~ * {
	margin-right: 20px !important;
}

.crmEntityFormView .tab {
	margin-bottom: 40px;
	margin-left: -30px;
	margin-right: -30px;
	width: auto;
}
@media (min-width: 1181px) {
	.crmEntityFormView .tab {
		margin-bottom: 60px;
	}
}
.crmEntityFormView .tab:last-child {
	margin-bottom: 0;
}
@media (max-width: 767px) {
	.crmEntityFormView .tab:last-child {
		margin-bottom: 0;
	}
	.crmEntityFormView .tab fieldset:last-child {
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.crmEntityFormView .tab .tab-column {
		margin-bottom: 40px;
		display: block;
		padding: 0 30px;
		width: 100%;
	}
}
@media (max-width: 767px) and (min-width: 1181px) {
	.crmEntityFormView .tab .tab-column {
		margin-bottom: 60px;
	}
}
@media (max-width: 767px) {
	.crmEntityFormView .tab .tab-column:last-child {
		margin-bottom: 0;
	}
}
html[dir="ltr"] .crmEntityFormView .tab .tab-column {
	padding-left: 30px;
	padding-right: 30px;
	float: left;
}
html[dir="ltr"] .crmEntityFormView .tab .tab-column:first-child {
	padding-left: 30px;
	padding-right: 30px;
}

html[dir="rtl"] .crmEntityFormView .tab .tab-column {
	padding-left: 30px;
	padding-right: 30px;
	float: left;
}
html[dir="rtl"] .crmEntityFormView .tab .tab-column:first-child {
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 767px) {
	.crmEntityFormView .tab-column {
		width: 100% !important;
	}
}
.crmEntityFormView .tab-title {
	border-bottom: 1px solid var(--gray-300);
	-ms-text-rendering: optimizelegibility;
	text-rendering: optimizelegibility;
}
.crmEntityFormView fieldset {
	margin-bottom: 40px;
	padding: 0;
	border: 0 none;
}
@media (min-width: 1181px) {
	.crmEntityFormView fieldset {
		margin-bottom: 60px;
	}
}
.crmEntityFormView fieldset:last-child {
	margin-bottom: 0;
}
.crmEntityFormView fieldset:empty {
	margin: 0;
}
.crmEntityFormView fieldset > *:last-child {
	margin-bottom: 0;
}
.crmEntityFormView fieldset > table:has(+ .loading-ui[style*="display: none"]),
.crmEntityFormView fieldset > .table-scroll-wrapper:has(+ .loading-ui[style*="display: none"]) {
	margin-bottom: 0;
}
.crmEntityFormView fieldset legend + .well {
	margin-top: 0;
}
.crmEntityFormView .section {
	table-layout: fixed;
	width: 100%;
}
@media (min-width: 768px) {
	.crmEntityFormView .section {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
}
.crmEntityFormView .section:first-child {
	margin: 0;
}
@media (min-width: 768px) {
	.crmEntityFormView .section:first-child {
		margin-left: -20px;
	}
}
.crmEntityFormView .section:has(+ *) {
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.crmEntityFormView .section:has(+ *) {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.crmEntityFormView .section:has(+ *) {
		margin-bottom: 30px;
	}
}
.crmEntityFormView .section-title {
	border-bottom-width: 0;
	margin-bottom: 20px;
}
@media (min-width: 769px) {
	.crmEntityFormView .section-title {
		margin-bottom: 30px;
	}
}
@media (min-width: 1181px) {
	.crmEntityFormView .section-title {
		margin-bottom: 30px;
	}
}
.crmEntityFormView .section-title.show-bar {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--border-color-default);
}
@media (max-width: 767px) {
	.crmEntityFormView tr:first-child > .cell:first-child,
	.crmEntityFormView tr:first-child > .form-control-cell:first-child {
		padding-top: 0;
	}
}
@media (min-width: 768px) {
	.crmEntityFormView tr:first-child > .cell,
	.crmEntityFormView tr:first-child > .form-control-cell {
		padding-top: 0;
	}
}
.crmEntityFormView .cell {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 0;
}
.crmEntityFormView .cell:empty {
	padding-top: 0;
	padding-bottom: 0;
}
@media (max-width: 767px) {
	.crmEntityFormView .cell {
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-top: 20px;
		padding-bottom: 0;
		width: 100%;
	}
}
.crmEntityFormView .cell.zero-cell {
	display: none;
}
@media (max-width: 767px) {
	.crmEntityFormView .cell.crmquickform-cell:first-child {
		border: none;
	}
}
.crmEntityFormView .cell.crmquickform-cell .info,
.crmEntityFormView .cell.crmquickform-cell .table-info {
	color: #333333;
}
html[dir="ltr"] .crmEntityFormView .cell.checkbox-cell:first-child {
	padding: 0 10px 0 0;
}

html[dir="rtl"] .crmEntityFormView .cell.checkbox-cell:first-child {
	padding: 0 0 0 10px;
}

.crmEntityFormView .cell.checkbox-cell label {
	clear: none;
	float: none !important;
	display: inline;
}
.crmEntityFormView .cell.checkbox-cell div.info,
.crmEntityFormView .cell.checkbox-cell div.table-info {
	float: none;
	clear: none;
	display: inline-block;
}
html[dir="ltr"] .crmEntityFormView .cell.checkbox-cell div.info,
.crmEntityFormView .cell.checkbox-cell div.table-info {
	padding-left: 20px;
}

html[dir="rtl"] .crmEntityFormView .cell.checkbox-cell div.info,
.crmEntityFormView .cell.checkbox-cell div.table-info {
	padding-right: 20px;
}

.crmEntityFormView .cell.checkbox-cell div.info div.validators,
.crmEntityFormView .cell.checkbox-cell div.table-info div.validators {
	display: none;
	clear: none;
}
html[dir="ltr"] .crmEntityFormView .cell.checkbox-cell div.info div.validators,
.crmEntityFormView .cell.checkbox-cell div.table-info div.validators {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .cell.checkbox-cell div.info div.validators,
.crmEntityFormView .cell.checkbox-cell div.table-info div.validators {
	float: right;
}

.crmEntityFormView .cell.checkbox-cell div.control {
	clear: none;
	display: inline;
}
html[dir="ltr"] .crmEntityFormView .cell.checkbox-cell div.control {
	float: left;
}

html[dir="rtl"] .crmEntityFormView .cell.checkbox-cell div.control {
	float: right;
}

.crmEntityFormView .cell.boolean-radio-cell .info label,
.crmEntityFormView .cell.boolean-radio-cell .table-info label {
	float: none;
	display: inline-block;
}
.crmEntityFormView .cell.boolean-radio-cell .aspNetDisabled label {
	cursor: not-allowed;
}
.crmEntityFormView .cell.boolean-radio-cell .aspNetDisabled + .aspNetDisabled {
	margin-left: 20px;
}
.crmEntityFormView .cell.boolean-radio-cell .aspNetDisabled label .sr-only {
	display: none;
}
.crmEntityFormView .cell.boolean-radio-cell input[type="radio"] {
	vertical-align: top;
}
html[dir="ltr"] .crmEntityFormView .cell.boolean-radio-cell input[type="radio"] {
	margin: 2px 5px 5px 10px;
	margin: 0;
}
html[dir="ltr"] .crmEntityFormView .cell.boolean-radio-cell input[type="radio"]:first-child {
	margin-left: 0;
}

html[dir="rtl"] .crmEntityFormView .cell.boolean-radio-cell input[type="radio"] {
	margin: 2px 10px 5px 5px;
	margin: 0;
}
html[dir="rtl"] .crmEntityFormView .cell.boolean-radio-cell input[type="radio"]:first-child {
	margin-right: 0;
}

.crmEntityFormView .cell.boolean-radio-cell .boolean-radio {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 7px;
	padding-bottom: 7px;
}
.crmEntityFormView .cell.boolean-radio-cell .boolean-radio label {
	display: inline-block;
}
.crmEntityFormView .cell.boolean-radio-cell .boolean-radio label ~ label {
	margin-left: 20px;
}
html[dir="ltr"] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type="radio"] {
	margin-left: 10px;
}

html[dir="rtl"] .crmEntityFormView .cell.boolean-radio-cell .boolean-radio span:nth-child(2) input[type="radio"] {
	margin-right: 10px;
}

@media (max-width: 767px) {
	.crmEntityFormView .cell.empty-cell {
		margin-bottom: 0;
	}
}
.crmEntityFormView .cell div.control {
	clear: both;
}
.crmEntityFormView .cell div.control span.checkbox {
	margin: 0;
}
html[dir="ltr"] .crmEntityFormView .cell div.control span.checkbox {
	float: left;
}
html[dir="ltr"] .crmEntityFormView .cell div.control span.checkbox input[type="checkbox"] {
	margin-left: 0;
}

html[dir="rtl"] .crmEntityFormView .cell div.control span.checkbox {
	float: right;
}
html[dir="rtl"] .crmEntityFormView .cell div.control span.checkbox input[type="checkbox"] {
	margin-right: 0;
}

.crmEntityFormView .cell div.info.required .field-label::before,
.crmEntityFormView .cell div.table-info.required .field-label::before {
	display: none;
}
.crmEntityFormView .cell div.info.required .field-label::after,
.crmEntityFormView .cell div.table-info.required .field-label::after {
	display: inline;
	position: relative;
	bottom: 0px;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: var(--text-color-danger);
	line-height: 1;
	white-space: nowrap;
	content: "*";
	margin-left: 5px;
}
.crmEntityFormView .cell div.info.required div.validators,
.crmEntityFormView .cell div.table-info.required div.validators {
	display: none;
}
.crmEntityFormView .cell div.info:not(.required) div.validators > *,
.crmEntityFormView .cell div.table-info:not(.required) div.validators > * {
	position: absolute;
}
.crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .cell div.table-info div.validators {
	color: var(--text-color-danger);
}
html[dir="ltr"] .crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .cell div.table-info div.validators {
	margin: 0 0 0 2px;
	float: left;
}

html[dir="rtl"] .crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .cell div.table-info div.validators {
	margin: 0 2px 0 0;
	float: right;
}

.crmEntityFormView .cell label > label {
	min-width: 125px;
	margin-bottom: 0;
}
.crmEntityFormView .cell input[type="text"],
.crmEntityFormView .cell select,
.crmEntityFormView .cell textarea {
	width: 100%;
}
html[dir="ltr"] .crmEntityFormView .cell input[type="text"],
.crmEntityFormView .cell select,
.crmEntityFormView .cell textarea {
	float: left;
	float: none !important;
}

html[dir="rtl"] .crmEntityFormView .cell input[type="text"],
.crmEntityFormView .cell select,
.crmEntityFormView .cell textarea {
	float: right;
	float: none !important;
}

.crmEntityFormView .cell.subgrid-cell .field-label {
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.25;
	color: var(--text-h3-color);
	margin-bottom: 20px;
}
.crmEntityFormView .cell .picklist label {
	float: none;
	font-weight: 400;
}
.crmEntityFormView .cell .picklist input[type="radio"] {
	vertical-align: top;
}
html[dir="ltr"] .crmEntityFormView .cell .picklist input[type="radio"] {
	margin: 2px 5px 5px 0;
}
html[dir="ltr"] .crmEntityFormView .cell .picklist input[type="radio"]:first-child {
	margin-left: 0;
}

html[dir="rtl"] .crmEntityFormView .cell .picklist input[type="radio"] {
	margin: 2px 0 5px 5px;
}
html[dir="rtl"] .crmEntityFormView .cell .picklist input[type="radio"]:first-child {
	margin-right: 0;
}

html[dir="ltr"] .crmEntityFormView .cell .picklist.horizontal input[type="radio"] {
	margin-left: 10px;
}

html[dir="rtl"] .crmEntityFormView .cell .picklist.horizontal input[type="radio"] {
	margin-right: 10px;
}

html[dir="ltr"] .crmEntityFormView .cell .picklist.horizontal span:not(:first-child) input[type="radio"] {
	margin-left: 10px;
}

html[dir="rtl"] .crmEntityFormView .cell .picklist.horizontal span:not(:first-child) input[type="radio"] {
	margin-right: 10px;
}

html[dir="ltr"] .crmEntityFormView .cell.crmquickform-cell:first-child {
	border-right: none;
}

html[dir="rtl"] .crmEntityFormView .cell.crmquickform-cell:first-child {
	border-left: none;
}

.crmEntityFormView .datetime-cell input.date {
	width: 75px;
}
.crmEntityFormView .datetime-cell select.time {
	width: 100px;
}
.crmEntityFormView .empty-cell {
	padding: 0;
}
.crmEntityFormView .empty-cell:only-child {
	display: none;
}
.crmEntityFormView .boolean-radio label {
	font-weight: 400;
}
.crmEntityFormView .state,
.crmEntityFormView .status {
	padding: 5px 10px;
}
.post-comment-new-form .crmEntityFormView .validation-summary {
	display: none;
}

.info,
.table-info {
	padding-bottom: 0;
}

.control .input-group .form-control.lookup,
.control .input-group div.lookup.msos-container,
.control .input-group .lookup.msos-input-container {
	float: none;
}

.crmEntityFormView .cell.crmquickform-cell .control:has(iframe.quickform) {
	margin-left: -10px;
	margin-right: -10px;
}

.container.quickform {
	padding-left: 10px;
	padding-right: 10px;
}

/* ------------------------------ MICROSOFT: crmEntityFormView - Form Fields - Radio Buttons and Checkboxes ------------------------------ */
.boolean-radio input {
	float: left;
	margin: 0;
	opacity: 0;
	width: 0;
	height: 0;
}
.boolean-radio input + label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	margin-bottom: 0;
	min-height: 24px;
	padding-left: 34px;
	font-weight: 600;
	cursor: pointer;
}
.boolean-radio input + label span.ui {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	text-align: center;
}
.boolean-radio input:disabled + label span.ui::before {
	display: inline-block;
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	cursor: not-allowed;
}
.boolean-radio input:checked + label span.ui::after {
	display: inline-block;
	width: 10px;
	height: 10px;
	content: "";
	margin: 0 auto;
	background: var(--white);
	border-radius: 5px;
}
.boolean-radio input:disabled + label span.ui,
.boolean-radio input.readonly + label span.ui,
.boolean-radio input:hover:disabled + label span.ui,
.boolean-radio input:hover.readonly + label span.ui,
.boolean-radio input:active:disabled + label span.ui,
.boolean-radio input:active.readonly + label span.ui,
.boolean-radio input:focus:disabled + label span.ui,
.boolean-radio input:focus.readonly + label span.ui {
	border-color: var(--border-color-on-primary-transparent-disabled);
	background: var(--bg-disabled);
	box-shadow: none;
}
.boolean-radio input:disabled:checked + label span.ui,
.boolean-radio input.readonly:checked + label span.ui,
.boolean-radio input:hover:disabled:checked + label span.ui,
.boolean-radio input:hover.readonly:checked + label span.ui,
.boolean-radio input:active:disabled:checked + label span.ui,
.boolean-radio input:active.readonly:checked + label span.ui,
.boolean-radio input:focus:disabled:checked + label span.ui,
.boolean-radio input:focus.readonly:checked + label span.ui {
	border-color: var(--gray-400);
	background: var(--gray-400);
}
.boolean-radio input.readonly + label,
.boolean-radio input:hover.readonly + label,
.boolean-radio input:active.readonly + label,
.boolean-radio input:focus.readonly + label {
	pointer-events: none;
}

.boolean-radio input {
	outline-offset: 0;
}
.boolean-radio input:focus + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.boolean-radio input:focus:not(:focus-visible) + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.boolean-radio input:focus-visible + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.boolean-radio input + label span.ui {
	border-color: var(--border-color-default);
	background: var(--bg-default);
}
.boolean-radio input + label:hover span.ui {
	border-color: var(--border-color-on-primary-transparent-hover);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-hover);
}
.boolean-radio input + label:active span.ui {
	border-color: var(--border-color-on-primary-transparent-active);
	background-color: var(--bg-primary-transparent-hover);
	box-shadow: inset 0 0 0 1px var(--border-color-on-primary-transparent-active);
}
.boolean-radio input + label:focus span.ui {
	border-color: var(--border-color-on-primary-transparent-focus);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.boolean-radio input:checked + label span.ui {
	border-color: var(--bg-primary);
	background: var(--bg-primary);
	box-shadow: none;
}
.boolean-radio input:checked + label:hover span.ui {
	border-color: var(--bg-primary-hover);
	background: var(--bg-primary-hover);
}
.boolean-radio input:checked + label:active span.ui {
	border-color: var(--bg-primary-active);
	background: var(--bg-primary-active);
}
.boolean-radio input:checked + label:focus span.ui {
	border-color: var(--bg-primary-focus);
	background: var(--bg-primary-focus);
}

.has-error .boolean-radio input {
	outline-offset: 0;
}
.has-error .boolean-radio input:focus + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-error .boolean-radio input:focus:not(:focus-visible) + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-error .boolean-radio input:focus-visible + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-error .boolean-radio input + label span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background: var(--bg-default);
}
.has-error .boolean-radio input + label:hover span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default);
}
.has-error .boolean-radio input + label:active span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background-color: var(--red-100);
	box-shadow: inset 0 0 0 1px var(--border-color-on-danger-transparent-default);
}
.has-error .boolean-radio input + label:focus span.ui {
	border-color: var(--border-color-on-danger-transparent-default);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .boolean-radio input:checked + label span.ui {
	border-color: var(--bg-danger-default);
	background: var(--bg-danger-default);
	box-shadow: none;
}
.has-error .boolean-radio input:checked + label:hover span.ui {
	border-color: var(--bg-danger-hover);
	background: var(--bg-danger-hover);
}
.has-error .boolean-radio input:checked + label:active span.ui {
	border-color: var(--bg-danger-active);
	background: var(--bg-danger-active);
}
.has-error .boolean-radio input:checked + label:focus span.ui {
	border-color: var(--bg-danger-default);
	background: var(--bg-danger-default);
}

.has-success .boolean-radio input {
	outline-offset: 0;
}
.has-success .boolean-radio input:focus + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-success .boolean-radio input:focus:not(:focus-visible) + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-success .boolean-radio input:focus-visible + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-success .boolean-radio input + label span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background: var(--bg-default);
}
.has-success .boolean-radio input + label:hover span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-success-transparent-default);
}
.has-success .boolean-radio input + label:active span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background-color: var(--green-100);
	box-shadow: inset 0 0 0 1px var(--border-color-on-success-transparent-default);
}
.has-success .boolean-radio input + label:focus span.ui {
	border-color: var(--border-color-on-success-transparent-default);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .boolean-radio input:checked + label span.ui {
	border-color: var(--bg-success);
	background: var(--bg-success);
	box-shadow: none;
}
.has-success .boolean-radio input:checked + label:hover span.ui {
	border-color: var(--bg-success-hover);
	background: var(--bg-success-hover);
}
.has-success .boolean-radio input:checked + label:active span.ui {
	border-color: var(--bg-success-active);
	background: var(--bg-success-active);
}
.has-success .boolean-radio input:checked + label:focus span.ui {
	border-color: var(--bg-success);
	background: var(--bg-success);
}

.has-warning .boolean-radio input {
	outline-offset: 0;
}
.has-warning .boolean-radio input:focus + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-warning .boolean-radio input:focus:not(:focus-visible) + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.has-warning .boolean-radio input:focus-visible + label span.ui {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.has-warning .boolean-radio input + label span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background: var(--bg-default);
}
.has-warning .boolean-radio input + label:hover span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background-color: var(--bg-default);
	box-shadow: inset 0 0 0 1px var(--border-color-on-warning-transparent-default);
}
.has-warning .boolean-radio input + label:active span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background-color: var(--yellow-100);
	box-shadow: inset 0 0 0 1px var(--border-color-on-warning-transparent-default);
}
.has-warning .boolean-radio input + label:focus span.ui {
	border-color: var(--border-color-on-warning-transparent-default);
	background-color: var(--bg-default);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .boolean-radio input:checked + label span.ui {
	border-color: var(--bg-warning);
	background: var(--bg-warning);
	box-shadow: none;
}
.has-warning .boolean-radio input:checked + label:hover span.ui {
	border-color: var(--bg-warning-hover);
	background: var(--bg-warning-hover);
}
.has-warning .boolean-radio input:checked + label:active span.ui {
	border-color: var(--bg-warning-active);
	background: var(--bg-warning-active);
}
.has-warning .boolean-radio input:checked + label:focus span.ui {
	border-color: var(--bg-warning);
	background: var(--bg-warning);
}

@media print {
	.boolean-radio input:checked + label span.ui {
		border-color: var(--gray-400);
		background: transparent !important;
	}
	.boolean-radio input:checked + label span.ui::after {
		border: 5px solid var(--black);
	}
}
/* ------------------------------ MICROSOFT: Modal Window - Entity Lookup ------------------------------ */
.entity-lookup .grid-actions {
	display: flex;
	border-bottom: none;
}
.entity-lookup .toolbar-actions {
	width: 100%;
}
@media (min-width: 768px) {
	.entity-lookup .toolbar-actions {
		width: 50%;
	}
}
.entity-lookup .toolbar-actions .input-group-btn {
	width: auto;
}
.entity-lookup .toolbar-actions .input-group-btn .btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 16px !important;
}
.entity-lookup .entitylist-search {
	width: 100%;
	display: flex;
}
.entity-lookup .entitylist-search input {
	margin-right: 10px;
}
.entity-lookup .view-grid {
	font-size: inherit;
	max-height: none;
	height: auto;
	overflow: visible;
}
@media (min-width: 768px) {
	.entity-lookup .view-grid {
		overflow: auto;
	}
}
.entity-lookup .view-grid td {
	vertical-align: middle;
	position: static;
}
.entity-lookup .view-grid tr.info {
	padding-bottom: 0;
}
.entity-lookup .view-grid > span:first-of-type {
	display: none;
}
.entity-lookup .view-grid > .table-hover > tbody > tr.info > td,
.entity-lookup .view-grid > .table-hover > tbody > tr.info:hover > td {
	background-color: transparent !important;
}
.entity-lookup .view-loading {
	position: absolute;
	top: 50%;
	right: auto;
	bottom: auto;
	left: 50% !important;
	display: inline-flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0px 2px 10px 0px var(--shadow-color);
	border: 1px solid var(--shadow-border-color);
	z-index: 100002;
	background: var(--bg-default);
	padding: 15px 25px 15px;
	border-radius: 8px;
	margin: 0;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	border: none;
	background: none;
	box-shadow: none;
}
.entity-lookup .view-loading .fa {
	display: inline-block;
	margin-right: 10px;
	color: var(--bg-primary) !important;
}

/* ------------------------------ MICROSOFT: Multistep Form ------------------------------ */
.multi-step-form-layout::after {
	display: block;
	content: "";
	clear: both;
}
@media (min-width: 769px) {
	.multi-step-form-layout .form-subheading {
		margin-top: 0;
	}
}
@media (min-width: 769px) {
	.multi-step-form-layout .form-subheading,
	.multi-step-form-layout .instructions {
		float: right;
		width: calc(100% - 240px);
		padding-left: 40px;
	}
}

.multi-step-form-list-group {
	margin-bottom: 20px;
}
.multi-step-form-list-group > .div-left {
	width: 100% !important;
	padding: 0 !important;
	float: none;
}
@media (min-width: 769px) {
	.multi-step-form-list-group {
		position: sticky;
		top: 30px;
		float: left;
		width: 240px;
	}
	.multi-step-form-list-group > .div-left {
		display: block;
		width: 100%;
	}
	.multi-step-form-list-group .btn-dropdown {
		display: none;
	}
}
@media (min-width: 1181px) {
	.multi-step-form-list-group {
		top: 40px;
	}
}
.multi-step-form-list-group .progress.list-group.dropdown-menu li > a {
	white-space: normal;
}
@media (min-width: 769px) {
	.multi-step-form-list-group .progress.list-group.dropdown-menu {
		position: relative;
		display: block;
		border: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.multi-step-form-list-group .progress.list-group.dropdown-menu li > a {
		padding: 10px 20px 10px !important;
	}
	.multi-step-form-list-group .progress.list-group.dropdown-menu li > a:hover,
	.multi-step-form-list-group .progress.list-group.dropdown-menu li > a:focus {
		border-width: 1px;
	}
}
@media (max-width: 767px) {
	.multi-step-form-list-group .progress.list-group.dropdown-menu {
		box-shadow: 0px 2px 10px 0px var(--shadow-color);
		width: 100%;
		border-radius: 8px;
		background-color: var(--bg-default) !important;
	}
	.multi-step-form-list-group .progress.list-group.dropdown-menu a {
		border: 0;
	}
	.multi-step-form-list-group .progress.list-group.dropdown-menu a:hover,
	.multi-step-form-list-group .progress.list-group.dropdown-menu a:focus {
		box-shadow: none !important;
	}
	.multi-step-form-list-group .progress.list-group.dropdown-menu a:not(.active):focus:not(:hover) {
		background-color: transparent;
	}
	.multi-step-form-list-group .progress.list-group.dropdown-menu .list-group-item.active:after {
		display: none;
	}
}

.multi-step-form-main-content {
	overflow-x: clip;
}
.multi-step-form-main-content > .right {
	width: 100%;
	float: none;
	padding: 0;
}
@media (min-width: 769px) {
	.multi-step-form-main-content {
		float: right;
		padding-left: 40px;
		width: calc(100% - 240px);
	}
}
.multi-step-form-main-content .page-header {
	margin-top: 0;
	margin-bottom: 60px;
}

/* ------------------------------ MICROSOFT: pcf-style.bundle-0d8f841437.css ------------------------------ */
.msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
	position: absolute !important;
	z-index: 1000;
	top: 28px !important;
}

html[dir="rtl"] .msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
	right: 0 !important;
}

html[dir="ltr"] .msos-open .msos-inner-container:not(.msos-fullscreen) .msos-selection-container {
	left: 0 !important;
}

.msos-glyph:after {
	font-size: 16px !important;
}

.msos-label {
	margin-bottom: 0;
}

.msos-caret-button:focus {
	outline: 0;
}

.msos-selecteditems-container:focus {
	outline: 0;
}

.msos-container:not(.msos-disabled) {
	-webkit-transition:
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		border-color 0.1s,
		box-shadow 0.1s;
	border: 1px solid var(--border-color-default);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.msos-container:not(.msos-disabled).msos-active {
	-webkit-transition:
		border-color 0.1s,
		box-shadow 0.1s;
	transition:
		border-color 0.1s,
		box-shadow 0.1s;
	border: 1px solid var(--border-color-default) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.msos-container:not(.msos-disabled).msos-focused {
	border-color: var(--border-color-on-primary-transparent-focus) !important;
	outline: 0;
	box-shadow:
		inset 0 1px 1px rgba(0, 0, 0, 0.08),
		var(--border-color-on-primary-transparent-focus);
}

html[dir="rtl"] .msos-selected-display-item {
	margin: 5px 0 5px 8px !important;
}

html[dir="ltr"] .msos-selected-display-item {
	margin: 5px 8px 5px 0 !important;
}

html[dir="rtl"] .msos-inner-container {
	padding: 3px 0 0 0 !important;
}

html[dir="ltr"] .msos-inner-container {
	padding: 3px 0 0 0 !important;
}

.msos-none-selected .msos-inner-container:not(.msos-fullscreen) {
	padding-top: 0 !important;
}

.msos-container {
	min-height: 42px !important;
	padding: 0 0 0 !important;
}

.msos-current-selection-expanded {
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	width: 100%;
}

[class*="checkMark-"],
[class^="check-"],
[class^="checkbox-"] {
	border: none !important;
	height: 42px !important;
	width: 42px !important;
	align-items: center;
	display: flex !important;
	justify-content: center;
	cursor: pointer;
	box-sizing: border-box;
}

.msos-current-selection-normal {
	display: -ms-flexbox !important;
	display: -moz-box !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
}

.msos-disabled {
	background: unset;
	border: unset;
	padding: unset;
}

.msos-container:not(.msos-disabled) .msos-viewmode-container {
	display: none;
}

.msos-container:not(.msos-none-selected):not(.msos-disabled) .msos-selecteditems-container {
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.msos-disabled .msos-inner-container,
.msos-inner-container:not(.msos-fullscreen) {
	display: none;
}

.msos-none-selected:not(.msos-disabled) .msos-inner-container:not(.msos-fullscreen) {
	opacity: 1;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.msos-selecteditems-toggle-container {
	padding: 5px 0 0;
}

.msos-caret-button {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.msos-label .msos-label-text {
	font-weight: 400 !important;
}

.msos-label .msos-checkbox + .msos-label-text:before {
	font-family: "CRM MDL2" !important;
	font-size: 14px !important;
	display: inline-block !important;
	content: " " !important;
	padding: 0 15px 0 15px !important;
}

.msos-label .msos-checkbox:checked + .msos-label-text:before {
	content: "✓" !important;
	padding: 0 10px 0 10px !important;
}

.msos-quick-delete:focus:after {
	border: none !important;
}

.msos-selecteditems-toggle:focus {
	outline: 0;
	border: 1px solid;
}

.browserPreviewFrameBorder.tabletPortraitPreview {
	width: auto !important;
}

.MscrmControls\.RichTextEditor\.RichTextEditorControl .editorPreviewContainer:hover {
	border-color: transparent !important;
	background-color: transparent !important;
}

.MscrmControls\.RichTextEditor\.RichTextEditorControl .browserPreviewFrame {
	margin: auto;
	border: 1px solid #bbbbbb !important;
}

.indeterminateProgressRing {
	position: absolute !important;
	top: 10px !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1 !important;
}

html[dir="rtl"] .indeterminateProgressRing {
	right: 2% !important;
}

html[dir="ltr"] .indeterminateProgressRing {
	left: 2% !important;
}

.indeterminateProgressRing .progressDot {
	position: absolute;
	width: 70%;
	height: 70%;
	top: 15%;
	opacity: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-animation-name: moveIndetermineProgressRingDot;
	animation-name: moveIndetermineProgressRingDot;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

html[dir="rtl"] .indeterminateProgressRing .progressDot {
	right: 15%;
}

html[dir="ltr"] .indeterminateProgressRing .progressDot {
	left: 15%;
}

.indeterminateProgressRing .progressDot:after {
	content: "";
	position: absolute;
	width: 17.5%;
	height: 17.5%;
	background-color: #666;
	border-radius: 100%;
}

.indeterminateProgressRing .progressDot:nth-child(2) {
	-webkit-animation-delay: 240ms;
	animation-delay: 240ms;
}

.indeterminateProgressRing .progressDot:nth-child(3) {
	-webkit-animation-delay: 480ms;
	animation-delay: 480ms;
}

.indeterminateProgressRing .progressDot:nth-child(4) {
	-webkit-animation-delay: 720ms;
	animation-delay: 720ms;
}

.indeterminateProgressRing .progressDot:nth-child(5) {
	-webkit-animation-delay: 960ms;
	animation-delay: 960ms;
}

.indeterminateProgressRing.hideProgressBar {
	display: none;
}

.android4_4 .indeterminateProgressRing .progressDot {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-name: none;
	animation-name: none;
}

.indeterminateProgressRing .ieProgressDot.progressDot {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	-webkit-animation-name: none;
	animation-name: none;
}

@keyframes indeterminateProgressRingKeyframeSteps {
	0% {
		opacity: 1;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	7% {
		opacity: 1;
		-webkit-transform: rotate(345deg);
		-moz-transform: rotate(345deg);
		-o-transform: rotate(345deg);
		-ms-transform: rotate(345deg);
		transform: rotate(345deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	30% {
		opacity: 1;
		-webkit-transform: rotate(455deg);
		-moz-transform: rotate(455deg);
		-o-transform: rotate(455deg);
		-ms-transform: rotate(455deg);
		transform: rotate(455deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	39% {
		opacity: 1;
		-webkit-transform: rotate(690deg);
		-moz-transform: rotate(690deg);
		-o-transform: rotate(690deg);
		-ms-transform: rotate(690deg);
		transform: rotate(690deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	70% {
		opacity: 1;
		-webkit-transform: rotate(815deg);
		-moz-transform: rotate(815deg);
		-o-transform: rotate(815deg);
		-ms-transform: rotate(815deg);
		transform: rotate(815deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	75% {
		opacity: 1;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	76% {
		opacity: 0;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
	}
}
div.BeBeControls div.conversation .message {
	clear: both !important;
	padding: 8px !important;
	position: relative !important;
	margin: 8px 0 !important;
	max-width: 85% !important;
	overflow-wrap: break-word !important;
	z-index: -1 !important;
	border-radius: 5px !important;
	cursor: pointer !important;
	display: block !important;
}

@-webkit-keyframes moveIndetermineProgressRingDot {
	0% {
		opacity: 1;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	7% {
		opacity: 1;
		-webkit-transform: rotate(345deg);
		-moz-transform: rotate(345deg);
		-o-transform: rotate(345deg);
		-ms-transform: rotate(345deg);
		transform: rotate(345deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	30% {
		opacity: 1;
		-webkit-transform: rotate(455deg);
		-moz-transform: rotate(455deg);
		-o-transform: rotate(455deg);
		-ms-transform: rotate(455deg);
		transform: rotate(455deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	39% {
		opacity: 1;
		-webkit-transform: rotate(690deg);
		-moz-transform: rotate(690deg);
		-o-transform: rotate(690deg);
		-ms-transform: rotate(690deg);
		transform: rotate(690deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	70% {
		opacity: 1;
		-webkit-transform: rotate(815deg);
		-moz-transform: rotate(815deg);
		-o-transform: rotate(815deg);
		-ms-transform: rotate(815deg);
		transform: rotate(815deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	75% {
		opacity: 1;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	76% {
		opacity: 0;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
	}
}
@keyframes moveIndetermineProgressRingDot {
	0% {
		opacity: 1;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	7% {
		opacity: 1;
		-webkit-transform: rotate(345deg);
		-moz-transform: rotate(345deg);
		-o-transform: rotate(345deg);
		-ms-transform: rotate(345deg);
		transform: rotate(345deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	30% {
		opacity: 1;
		-webkit-transform: rotate(455deg);
		-moz-transform: rotate(455deg);
		-o-transform: rotate(455deg);
		-ms-transform: rotate(455deg);
		transform: rotate(455deg);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}
	39% {
		opacity: 1;
		-webkit-transform: rotate(690deg);
		-moz-transform: rotate(690deg);
		-o-transform: rotate(690deg);
		-ms-transform: rotate(690deg);
		transform: rotate(690deg);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}
	70% {
		opacity: 1;
		-webkit-transform: rotate(815deg);
		-moz-transform: rotate(815deg);
		-o-transform: rotate(815deg);
		-ms-transform: rotate(815deg);
		transform: rotate(815deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	75% {
		opacity: 1;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
	76% {
		opacity: 0;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
	}
	100% {
		opacity: 0;
		-webkit-transform: rotate(945deg);
		-moz-transform: rotate(945deg);
		-o-transform: rotate(945deg);
		-ms-transform: rotate(945deg);
		transform: rotate(945deg);
	}
}
div.DiscussionBoard div.conversation .message {
	display: block;
}

/* ------------------------------ PLUGINS: Google Translate ------------------------------ */
.goog-te-gadget {
	font-size: 0 !important;
	color: transparent !important;
}
.goog-te-gadget > * ~ * {
	display: none;
}

.goog-logo-link {
	display: none !important;
}

#google_translate_element {
	position: relative;
	animation: fade-in 0.2s 1;
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#google_translate_element select {
	outline-offset: 0;
	font-size: 14px;
	color: var(--white);
	margin: 0;
	height: 40px;
	width: 150px;
	border: 0;
	padding: 0 27px 0 15px;
	background: transparent;
	font-family: "Segoe UI", "Segoe UI Web (West European)", "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
#google_translate_element select:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
#google_translate_element select:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
#google_translate_element select:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--white);
	outline-offset: -4px;
}
@media (min-width: 768px) {
	#google_translate_element select {
		height: 40px;
	}
}
#google_translate_element select:hover {
	background-color: var(--blue-700);
	text-decoration: underline;
}
#google_translate_element select option {
	color: var(--gray-900) !important;
	background: var(--bg-default);
}
#google_translate_element select + * {
	display: none;
}
#google_translate_element .caret {
	position: absolute;
	top: calc(50% - 1px - 1px);
	right: 10px;
	border-color: var(--white) transparent transparent;
	pointer-events: none;
}

/* ------------------------------ PLUGINS: Bootstrap Multiselect ------------------------------ */
span.multiselect-native-select {
	display: block;
	position: relative;
}
span.multiselect-native-select .btn-group {
	width: 100%;
}
span.multiselect-native-select select {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px -1px -1px -3px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	left: 50%;
	top: 30px;
}

.multiselect.btn-default.dropdown-toggle {
	outline-offset: 0;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	padding-left: 15px;
	padding-right: 41px;
	min-height: 42px;
	width: 100%;
	border: 1px solid var(--border-color-default);
	border-radius: 4px;
	color: var(--text-color-default);
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}
.multiselect.btn-default.dropdown-toggle:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.multiselect.btn-default.dropdown-toggle:focus:not(:focus-visible) {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: transparent;
}
.multiselect.btn-default.dropdown-toggle:focus-visible {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: var(--outline-color-on-primary-focus);
	outline-offset: 2px;
}
.multiselect.btn-default.dropdown-toggle .caret {
	position: relative;
	display: block;
	height: 0;
	pointer-events: none;
}
.multiselect.btn-default.dropdown-toggle .caret::after {
	display: inline-block;
	width: 42px;
	height: 42px;
	content: "";
	position: absolute;
	top: -42px;
	right: 0;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-family: "Glyphicons Halflings";
	color: var(--text-color-on-primary-transparent-default);
	content: "\e259";
}
.multiselect.btn-default.dropdown-toggle:disabled .caret::after {
	color: var(--text-color-disabled);
}
.multiselect.btn-default.dropdown-toggle.input-sm .caret::after {
	width: 33px;
	height: 33px;
	top: -33px;
	font-size: 14px;
}
.multiselect.btn-default.dropdown-toggle.input-lg .caret::after {
	width: 49px;
	height: 49px;
	top: -49px;
	font-size: 18px;
}
.multiselect.btn-default.dropdown-toggle[style*="display: none"] .caret,
.multiselect.btn-default.dropdown-toggle[style*="display:none"] .caret {
	display: none;
}
.input-group .multiselect.btn-default.dropdown-toggle .caret::after {
	top: 0;
	z-index: 9;
}

.form-readonly .multiselect.btn-default.dropdown-toggle .caret,
select:disabled .caret {
	display: none;
}

.multiselect.btn-default.dropdown-toggle:hover,
.multiselect.btn-default.dropdown-toggle:focus:hover {
	border-color: var(--border-color-on-primary-transparent-hover);
	background: var(--bg-default);
}
.multiselect.btn-default.dropdown-toggle:active,
.multiselect.btn-default.dropdown-toggle:focus:active {
	border-color: var(--border-color-on-primary-transparent-active);
	background: var(--bg-default);
}
.multiselect.btn-default.dropdown-toggle:focus {
	border-color: var(--border-color-on-primary-transparent-focus);
	background: var(--bg-default);
	color: var(--text-color-default);
}
.multiselect.btn-default.dropdown-toggle:focus:not(:focus-visible) {
	outline-width: 2px !important;
	outline-style: dashed !important;
	outline-color: var(--outline-color-on-primary-focus) !important;
}
.multiselect.btn-default.dropdown-toggle:disabled {
	border-color: var(--border-color-on-primary-transparent-disabled);
	background: var(--bg-disabled);
}
.open .multiselect.btn-default.dropdown-toggle {
	color: var(--text-color-default);
}

.multiselect .multiselect-selected-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
[title="Select..."].multiselect .multiselect-selected-text {
	color: var(--gray-700);
}

.multiselect.btn-default.dropdown-toggle .caret {
	position: absolute;
	right: -1px;
	bottom: -1px;
	border: 0;
	font-weight: normal;
}

.multiselect-container.dropdown-menu {
	position: absolute;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 9px;
	min-width: 100%;
	max-width: 600px;
	max-height: calc(100vh - 60px);
	list-style-type: none;
	overflow-y: auto;
}
@media (max-height: 359px) {
	.multiselect-container.dropdown-menu {
		max-height: 300px;
	}
}
.multiselect-container.dropdown-menu > li {
	padding: 0;
}
.multiselect-container.dropdown-menu > li:not(.divider) {
	margin: 0;
}
.multiselect-container.dropdown-menu > li > a {
	margin: 0;
	padding: 0 !important;
}
.multiselect-container.dropdown-menu > li label {
	margin: 0;
	padding: 7px 15px 9px 49px;
	height: auto;
	font-weight: 400;
	cursor: pointer;
}
@media (min-width: 481px) {
	.multiselect-container.dropdown-menu > li label {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
.multiselect-container.dropdown-menu > li label.checkbox,
.multiselect-container.dropdown-menu > li label.radio {
	margin: 0;
}
.multiselect-container.dropdown-menu > li label > input[type="checkbox"] {
	margin-bottom: 5px;
}
.multiselect-container.dropdown-menu > li label span.ui {
	top: 7px;
	left: 15px;
}
.multiselect-container.dropdown-menu > li label:hover {
	background: var(--bg-primary-transparent-hover);
}
.multiselect-container.dropdown-menu > li.multiselect-all label {
	font-weight: 400;
}
.multiselect-container.dropdown-menu > li.multiselect-group label {
	margin: 0;
	padding: 3px 20px;
	height: 100%;
	font-weight: 700;
}
.multiselect-container.dropdown-menu > li.multiselect-group-clickable label {
	cursor: pointer;
}
.multiselect-container.dropdown-menu > li.active > a,
.multiselect-container.dropdown-menu > li.active > label {
	background: var(--bg-default);
}
.multiselect-container.dropdown-menu > li.active > a:hover,
.multiselect-container.dropdown-menu > li.active > label:hover {
	background: var(--bg-primary-transparent-hover);
}
.multiselect-container.dropdown-menu > li.active > a:active,
.multiselect-container.dropdown-menu > li.active > label:active {
	background: var(--bg-primary-transparent-active);
}
.multiselect-container.dropdown-menu .input-group {
	margin: 5px;
}
.multiselect-container.dropdown-menu .multiselect-reset .input-group {
	width: 93%;
}
.form-inline .multiselect-container.dropdown-menu label.checkbox,
.form-inline .multiselect-container.dropdown-menu label.radio {
	padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container.dropdown-menu li a.checkbox input[type="checkbox"],
.form-inline .multiselect-container.dropdown-menu li a.radio input[type="radio"],
.form-inline .multiselect-container.dropdown-menu li label.checkbox input[type="checkbox"],
.form-inline .multiselect-container.dropdown-menu li label.radio input[type="radio"] {
	margin-left: -20px;
	margin-right: 0;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* ------------------------------ PAGE: Application ------------------------------ */
.page-application {
	background: var(--bg-accent);
}

.crmEntityFormView .form-custom-actions {
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
	padding: 30px 0 0;
	border-top: 1px solid var(--border-color-default);
	margin-bottom: 0;
}
@media (min-width: 769px) {
	.crmEntityFormView .form-custom-actions {
		margin-top: 30px;
	}
}
@media (min-width: 1181px) {
	.crmEntityFormView .form-custom-actions {
		margin-top: 30px;
	}
}
.crmEntityFormView .form-custom-actions.row {
	margin-left: 0;
	margin-right: 0;
}
.crmEntityFormView .form-custom-actions > * {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.crmEntityFormView .form-custom-actions > * + * {
	display: none;
}
.crmEntityFormView .form-custom-actions > * .form-action-container-left {
	float: right;
}
.crmEntityFormView .form-custom-actions .btn {
	margin-top: 0;
}

/* ------------------------------ PAGE: Application Details ------------------------------ */
.page-application-details .banner .layout-opposite-sides > * {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}
@media (max-width: 767px) {
	.page-application-details .banner .layout-opposite-sides {
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.page-application-details .banner .layout-opposite-sides > * + * {
		margin-top: 20px;
	}
}
.page-application-details .banner .labels {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.page-application-details .banner .labels > * + * {
	margin-left: 10px;
}
.page-application-details .banner .buttons {
	position: relative;
}
@media (max-width: 767px) {
	.page-application-details .banner .buttons .btn,
	.page-application-details .banner .buttons .dropdown-menu {
		width: 100%;
	}
}

/* ------------------------------ PAGES: Opportunity and Program Details ------------------------------ */
.section-description ~ .button-container {
	margin-top: 20px;
}

/* ------------------------------ PAGE: Leftovers ------------------------------ */
.table-view-full-width {
	width: 100% !important;
}

.btn-icon-block {
	display: flex;
	align-items: center;
	justify-content: center;
}

.info-table {
	width: 100%;
	table-layout: auto;
}
.info-table tr td:first-child {
	width: 22%;
	min-width: 175px;
}

@media (max-width: 991px) {
	.table.info-table > * > * {
		display: table-row !important;
	}
	.table.info > *::before {
		background: white;
	}
	.tab-pane {
		border-bottom: none;
	}
	.form-control-dropdown-mobile {
		padding: 40px 0px;
	}
}
.timeline-container {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline-ul {
	padding: 0;
	width: 100%;
	list-style: none;
	list-style-type: none;
}

.timeline-li p {
	font-size: 12px;
	white-space: nowrap;
}

.timeline-li {
	padding: 22px 0px;
	margin: 0;
}

.line {
	background: #105cab;
}

@media screen and (max-width: 768px) {
	.btn-icon-block {
		margin-bottom: 16px;
	}
}
@media screen and (min-width: 1024px) {
	#status-history {
		font-size: 14px;
		padding-left: 8px;
	}
	#status-history-dropdown {
		display: none;
	}
	.timeline-li {
		display: inline-block;
		width: 10%;
		text-align-last: center;
	}
	.timeline-li span {
		margin: 0 auto;
	}
	.line {
		height: 3px;
		background: #105cab;
		display: block;
		position: relative;
		z-index: 1;
		top: 33px;
		margin-left: 55px;
	}
	.lineHeight {
		display: none;
	}
	body > section.page_section.search-container > div > div {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	body > section.page_section.search-container > div > div > div.col-lg-7.col-sm-4 > p {
		margin: 0px;
	}
}
@media screen and (max-width: 1023px) {
	body > section.page_section.search-container > div > div {
		display: block;
	}
	body > section.page_section.search-container > div > div > div.col-lg-7.col-sm-4 > p {
		margin: 0 0 10px;
	}
	#status-history {
		display: none;
	}
	#status-history-dropdown {
		font-size: 14px;
		padding-left: 8px;
		font-weight: 600;
		color: #105cab;
		line-height: 1.2;
		margin: 0;
		border: none;
		background: white;
		padding: 0px;
	}
	.timeline-ul {
		text-align: left;
	}
	.timeline-li {
		padding-top: 25px;
	}
	.timeline-status {
		margin-top: -20px;
	}
	.timeline-li p {
		margin-left: 40px;
		font-size: 14px;
	}
	.lineHeight {
		width: 3px;
		position: absolute;
		margin-left: 6px;
		margin-top: 30px;
		background: #105cab;
		display: block;
	}
	.timeline-li:nth-child(4) span::after {
		content: "";
		background: none;
	}
}
.timeline-li span {
	background-color: #105cab;
	border: 2px solid #105cab;
	display: inline-block;
	height: 14px;
	width: 14px;
	border-radius: 12px;
	z-index: 10;
	position: relative;
}

.timeline-li:last-child span {
	background-color: white !important;
	border: 2px solid #105cab;
}

.secondaryReport {
	box-shadow: inset 0px 5px 5px -5px #e6e6e6;
}

.secondaryPadding {
	padding-left: 25px;
}

div.title p.dataNum {
	padding-left: 25px;
}

.col-md-5.title.dataNum {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

@media screen and (max-width: 991px) {
	.secondaryReport {
		margin-left: 0px;
	}
	.secondaryReport::before {
		background: none;
	}
	.secondaryPadding {
		padding-top: 20px !important;
	}
	.col-md-5.title.dataNum {
		padding-top: 0px;
		font-size: 16px;
	}
} /*# sourceMappingURL=solution-styles.css.map */