:root {
    font-size: 20px!important;
}
:root *:not(.modal-title) {
    font-size: revert;
}

:root {
    --gcds-color-blue-100: #d7e5f5;
    --gcds-color-blue-500: #6584a6;
    --gcds-color-blue-700: #33465c;
    --gcds-color-blue-800: #2b4380;
    --gcds-color-blue-850: #0535d2;
    --gcds-color-blue-900: #26374a;
    --gcds-color-grayscale-0: #fff;
    --gcds-color-grayscale-50: #f1f2f3;
    --gcds-color-grayscale-100: #d6d9dd;
    --gcds-color-grayscale-300: #a8adb4;
    --gcds-color-grayscale-500: #7d828b;
    --gcds-color-grayscale-700: #545961;
    --gcds-color-grayscale-800: #43474e;
    --gcds-color-grayscale-900: #333;
    --gcds-color-grayscale-1000: #000;
    --gcds-color-green-100: #e6f6ec;
    --gcds-color-green-500: #289f58;
    --gcds-color-green-700: #03662a;
    --gcds-color-purple-700: #7532b8;
    --gcds-color-red-100: #fbddda;
    --gcds-color-red-500: #d3080c;
    --gcds-color-red-700: #a62a1e;
    --gcds-color-red-900: #822117;
    --gcds-color-red-flag: red;
    --gcds-color-yellow-100: #faedd1;
    --gcds-color-yellow-500: #b3800f;
    --gcds-border-radius-sm: 0.1875rem;
    --gcds-border-radius-md: 0.375rem;
    --gcds-border-radius-lg: 3rem;
    --gcds-border-radius-xl: 100%;
    --gcds-border-width-sm: 0.0625rem;
    --gcds-border-width-md: 0.125rem;
    --gcds-border-width-lg: 0.25rem;
    --gcds-border-width-xl: 0.375rem;
    --gcds-border-default: #7d828b;
    --gcds-active-background: #000;
    --gcds-active-text: #fff;
    --gcds-bg-dark: #333;
    --gcds-bg-light: #f1f2f3;
    --gcds-bg-primary: #26374a;
    --gcds-bg-white: #fff;
    --gcds-danger-background: #fbddda;
    --gcds-danger-border: #d3080c;
    --gcds-danger-text: #a62a1e;
    --gcds-disabled-background: #d6d9dd;
    --gcds-disabled-text: #545961;
    --gcds-focus-background: #0535d2;
    --gcds-focus-text: #fff;
    --gcds-focus-text-form: #0535d2;
    --gcds-link-default: #2b4380;
    --gcds-link-hover: #0535d2;
    --gcds-link-light: #fff;
    --gcds-link-visited: #7532b8;
    --gcds-link-focus-background: #0535d2;
    --gcds-link-focus-outline-width: 0.1875rem;
    --gcds-link-focus-outline-offset: 0.125rem;
    --gcds-link-focus-text: #fff;
    --gcds-link-focus-border-radius: 0.1875rem;
    --gcds-link-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-link-font-small-desktop: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-link-font-small-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
    --gcds-link-font-regular-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-link-font-regular-mobile: 400 1rem/150% "Noto Sans", sans-serif;
    --gcds-link-decoration-thickness: 0.0625rem;
    --gcds-link-hover-decoration-thickness: 0.125rem;
    --gcds-link-underline-offset: 0.25rem;
    --gcds-text-light: #fff;
    --gcds-text-primary: #333;
    --gcds-text-secondary: #43474e;
    --gcds-text-character-limit: 65ch;
    --gcds-text-role-light: #fff;
    --gcds-text-role-primary: #333;
    --gcds-text-role-secondary: #43474e;
    --gcds-text-size-body-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-text-size-body-mobile: 400 1rem/150% "Noto Sans", sans-serif;
    --gcds-text-size-caption-desktop: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-text-size-caption-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
    --gcds-text-spacing-0: 0;
    --gcds-text-spacing-50: 0.1875rem;
    --gcds-text-spacing-100: 0.375rem;
    --gcds-text-spacing-150: 0.5625rem;
    --gcds-text-spacing-200: 0.75rem;
    --gcds-text-spacing-250: 0.9375rem;
    --gcds-text-spacing-300: 1.125rem;
    --gcds-text-spacing-400: 1.5rem;
    --gcds-text-spacing-450: 2.25rem;
    --gcds-text-spacing-500: 3rem;
    --gcds-text-spacing-550: 3.75rem;
    --gcds-text-spacing-600: 4.5rem;
    --gcds-text-spacing-700: 6rem;
    --gcds-text-spacing-800: 7.5rem;
    --gcds-text-spacing-900: 9rem;
    --gcds-text-spacing-1000: 10.5rem;
    --gcds-text-weight-bold: 700;
    --gcds-container-xs: 20rem;
    --gcds-container-sm: 30rem;
    --gcds-container-md: 48rem;
    --gcds-container-lg: 62rem;
    --gcds-container-xl: 71.25rem;
    --gcds-container-full: 100%;
    --gcds-container-border: 0.0625rem solid #7d828b;
    --gcds-container-size-xs: 20rem;
    --gcds-container-size-sm: 30rem;
    --gcds-container-size-md: 48rem;
    --gcds-container-size-lg: 62rem;
    --gcds-container-size-xl: 71.25rem;
    --gcds-container-size-full: 100%;
    --gcds-container-spacing-0: 0;
    --gcds-container-spacing-50: 0.1875rem;
    --gcds-container-spacing-100: 0.375rem;
    --gcds-container-spacing-150: 0.5625rem;
    --gcds-container-spacing-200: 0.75rem;
    --gcds-container-spacing-250: 0.9375rem;
    --gcds-container-spacing-300: 1.125rem;
    --gcds-container-spacing-400: 1.5rem;
    --gcds-container-spacing-450: 2.25rem;
    --gcds-container-spacing-500: 3rem;
    --gcds-container-spacing-550: 3.75rem;
    --gcds-container-spacing-600: 4.5rem;
    --gcds-container-spacing-700: 6rem;
    --gcds-container-spacing-800: 7.5rem;
    --gcds-container-spacing-900: 9rem;
    --gcds-container-spacing-1000: 10.5rem;
    --gcds-outline-width: 0.1875rem;
    --gcds-spacing-0: 0;
    --gcds-spacing-50: 0.1875rem;
    --gcds-spacing-100: 0.375rem;
    --gcds-spacing-150: 0.5625rem;
    --gcds-spacing-200: 0.75rem;
    --gcds-spacing-250: 0.9375rem;
    --gcds-spacing-300: 1.125rem;
    --gcds-spacing-400: 1.5rem;
    --gcds-spacing-450: 2.25rem;
    --gcds-spacing-500: 3rem;
    --gcds-spacing-550: 3.75rem;
    --gcds-spacing-600: 4.5rem;
    --gcds-spacing-700: 6rem;
    --gcds-spacing-800: 7.5rem;
    --gcds-spacing-900: 9rem;
    --gcds-spacing-1000: 10.5rem;
    --gcds-base-font-size: 1.25;
    --gcds-base-font-size-mobile: 1;
    --gcds-base-line-height: 1.2;
    --gcds-base-scale: 1.125;
    --gcds-font-families-heading: "Lato", sans-serif;
    --gcds-font-families-body: "Noto Sans", sans-serif;
    --gcds-font-families-monospace: "Noto Sans Mono", monospace;
    --gcds-font-families-icons: "Font Awesome 6 Free", FontAwesome;
    --gcds-font-sizes-caption: 1.1111111111111112rem;
    --gcds-font-sizes-caption-mobile: 0.8888888888888888rem;
    --gcds-font-sizes-text: 1.25rem;
    --gcds-font-sizes-text-mobile: 1rem;
    --gcds-font-sizes-h6: 1.40625rem;
    --gcds-font-sizes-h6-mobile: 1.125rem;
    --gcds-font-sizes-h5: 1.58203125rem;
    --gcds-font-sizes-h5-mobile: 1.265625rem;
    --gcds-font-sizes-h4: 1.77978515625rem;
    --gcds-font-sizes-h4-mobile: 1.423828125rem;
    --gcds-font-sizes-h3: 2.00225830078125rem;
    --gcds-font-sizes-h3-mobile: 1.601806640625rem;
    --gcds-font-sizes-h2: 2.2525405883789062rem;
    --gcds-font-sizes-h2-mobile: 1.802032470703125rem;
    --gcds-font-sizes-h1: 2.5341081619262695rem;
    --gcds-font-sizes-h1-mobile: 2.0272865295410156rem;
    --gcds-font-weights-light: 300;
    --gcds-font-weights-regular: 400;
    --gcds-font-weights-medium: 500;
    --gcds-font-weights-semibold: 600;
    --gcds-font-weights-bold: 700;
    --gcds-line-heights-caption: 135%;
    --gcds-line-heights-caption-mobile: 140.625%;
    --gcds-line-heights-text: 120%;
    --gcds-line-heights-text-mobile: 150%;
    --gcds-line-heights-h6: 124.44444444444444%;
    --gcds-line-heights-h6-mobile: 133.33333333333334%;
    --gcds-line-heights-h5: 126.41975308641975%;
    --gcds-line-heights-h5-mobile: 138.27160493827162%;
    --gcds-line-heights-h4: 126.41975308641973%;
    --gcds-line-heights-h4-mobile: 122.90809327846364%;
    --gcds-line-heights-h3: 124.85901539399482%;
    --gcds-line-heights-h3-mobile: 124.85901539399481%;
    --gcds-line-heights-h2: 122.08437060746162%;
    --gcds-line-heights-h2-mobile: 124.85901539399481%;
    --gcds-line-heights-h1: 118.38484422541731%;
    --gcds-line-heights-h1-mobile: 123.31754606814303%;
    --gcds-font-h1: 700 2.5341081619262695rem/118.38484422541731% "Lato", sans-serif;
    --gcds-font-h1-mobile: 700 2.0272865295410156rem/123.31754606814303% "Lato", sans-serif;
    --gcds-font-h2: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif;
    --gcds-font-h2-mobile: 700 1.802032470703125rem/124.85901539399481% "Lato", sans-serif;
    --gcds-font-h3: 700 2.00225830078125rem/124.85901539399482% "Lato", sans-serif;
    --gcds-font-h3-mobile: 700 1.601806640625rem/124.85901539399481% "Lato", sans-serif;
    --gcds-font-h4: 700 1.77978515625rem/126.41975308641973% "Lato", sans-serif;
    --gcds-font-h4-mobile: 700 1.423828125rem/122.90809327846364% "Lato", sans-serif;
    --gcds-font-h5: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
    --gcds-font-h5-mobile: 700 1.265625rem/138.27160493827162% "Lato", sans-serif;
    --gcds-font-h6: 700 1.40625rem/124.44444444444444% "Lato", sans-serif;
    --gcds-font-h6-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
    --gcds-font-label: 500 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-font-label-mobile: 500 1rem/150% "Noto Sans", sans-serif;
    --gcds-font-caption: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-font-caption-mobile: 400 0.8888888888888888rem/140.625% "Noto Sans", sans-serif;
    --gcds-font-text: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-font-text-mobile: 400 1rem/150% "Noto Sans", sans-serif;
    --gcds-font-text-long: 400 1.25rem/150% "Noto Sans", sans-serif;
    --gcds-font-text-long-mobile: 400 1rem/150% "Noto Sans", sans-serif;
    --gcds-alert-border-width: 0.375rem;
    --gcds-alert-button-border-radius: 0.375rem;
    --gcds-alert-button-border-width: 0.125rem;
    --gcds-alert-button-default-background: #fff;
    --gcds-alert-button-default-text: #333;
    --gcds-alert-button-focus-background: #0535d2;
    --gcds-alert-button-focus-text: #fff;
    --gcds-alert-button-icon-padding: 0.75rem;
    --gcds-alert-button-icon-width-and-height: 1.125rem;
    --gcds-alert-button-margin: 0 0 0 0.9375rem;
    --gcds-alert-button-mobile-margin: 0.9375rem 0 0;
    --gcds-alert-button-outline-width: 0.1875rem;
    --gcds-alert-content-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
    --gcds-alert-content-heading-margin: 0 0 0.5625rem;
    --gcds-alert-content-heading-mobile-margin: 0 0 0.5625rem;
    --gcds-alert-content-slotted-list-margin: 1.5rem;
    --gcds-alert-content-slotted-margin: 0.5625rem;
    --gcds-alert-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-alert-icon-font-size: 2.25rem;
    --gcds-alert-icon-mobile-margin: 0 0 0.9375rem;
    --gcds-alert-padding: 0.75rem 0.9375rem;
    --gcds-alert-text: #333;
    --gcds-alert-danger-background: #fbddda;
    --gcds-alert-danger-icon: #d3080c;
    --gcds-alert-danger-text: #333;
    --gcds-alert-info-background: #d7e5f5;
    --gcds-alert-info-icon: #6584a6;
    --gcds-alert-info-text: #333;
    --gcds-alert-success-background: #e6f6ec;
    --gcds-alert-success-icon: #289f58;
    --gcds-alert-success-text: #333;
    --gcds-alert-warning-background: #faedd1;
    --gcds-alert-warning-icon: #b3800f;
    --gcds-alert-warning-text: #333;
    --gcds-breadcrumbs-item-arrow-top: 0.9375rem;
    --gcds-breadcrumbs-item-arrow-left: 0.1875rem;
    --gcds-breadcrumbs-item-first-child-margin: 0 0 0 -1.5rem;
    --gcds-breadcrumbs-item-link-padding: 0.1875rem;
    --gcds-breadcrumbs-item-margin: 0.75rem 0;
    --gcds-breadcrumbs-item-padding: 0 0 0 1.5rem;
    --gcds-breadcrumbs-margin: 0 0 0 -0.375rem;
    --gcds-breadcrumbs-padding: 0 0 0 0.375rem;
    --gcds-breadcrumbs-mobile-item-arrow-top: 0.1875rem;
    --gcds-breadcrumbs-mobile-item-margin: 0.375rem 0;
    --gcds-breadcrumbs-mobile-item-padding: 0;
    --gcds-button-border-radius: 0.375rem;
    --gcds-button-border-width: 0.125rem;
    --gcds-button-danger-default-background: #a62a1e;
    --gcds-button-danger-default-text: #fff;
    --gcds-button-danger-hover-background: #822117;
    --gcds-button-font: 500 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-button-padding: 0.75rem;
    --gcds-button-primary-default-background: #26374a;
    --gcds-button-primary-default-text: #fff;
    --gcds-button-primary-hover-background: #2b4380;
    --gcds-button-secondary-default-background: transparent;
    --gcds-button-secondary-default-text: #2b4380;
    --gcds-button-secondary-hover-background: #d7e5f5;
    --gcds-button-secondary-active-background: #d7e5f5;
    --gcds-button-mobile-margin: 0.1875rem 0;
    --gcds-button-mobile-width: 100%;
    --gcds-button-shared-active-background: #000;
    --gcds-button-shared-active-text: #fff;
    --gcds-button-shared-focus-background: #0535d2;
    --gcds-button-shared-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-button-shared-focus-outline-width: 0.1875rem;
    --gcds-button-shared-focus-text: #fff;
    --gcds-button-shared-disabled-background: #d6d9dd;
    --gcds-button-shared-disabled-text: #545961;
    --gcds-button-small-font: 400 80%/120% "Noto Sans", sans-serif;
    --gcds-button-small-padding: 0.75rem;
    --gcds-button-width: fit-content;
    --gcds-card-background-color: #fff;
    --gcds-card-box-shadow: 0 0.1875rem 0.5625rem 0.1875rem #00000019;
    --gcds-card-color: #333;
    --gcds-card-description-font-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-card-description-font-mobile: 400 1rem/150% "Noto Sans", sans-serif;
    --gcds-card-focus-box-shadow: inset 0 0 0 0.125rem #0535d2;
    --gcds-card-focus-link-background-color: transparent;
    --gcds-card-focus-link-border: none;
    --gcds-card-focus-link-box-shadow: none;
    --gcds-card-focus-link-color: #2b4380;
    --gcds-card-focus-link-outline: none;
    --gcds-card-focus-link-text-decoration-thickness: 0.125rem;
    --gcds-card-focus-outline-offset: 0.125rem;
    --gcds-card-focus-outline: 0.1875rem solid #0535d2;
    --gcds-card-hover-background-color: #f1f2f380;
    --gcds-card-hover-box-shadow: 0 0.25rem 0.5625rem 0.25rem #00000032;
    --gcds-card-margin: 0 0 1.5rem;
    --gcds-card-padding: 2.25rem 1.5rem;
    --gcds-card-badge-background-color: #20809d;
    --gcds-card-badge-padding: 0.1875rem 1.5rem;
    --gcds-card-title-font-desktop: 700 2.00225830078125rem/124.85901539399482% "Lato", sans-serif;
    --gcds-card-title-font-mobile: 700 1.601806640625rem/124.85901539399481% "Lato", sans-serif;
    --gcds-card-max-width: 34.125rem;
    --gcds-checkbox-check-border-width: 0.3125rem;
    --gcds-checkbox-check-height: 1.5rem;
    --gcds-checkbox-check-left: 1rem;
    --gcds-checkbox-check-top: 0.5625rem;
    --gcds-checkbox-check-width: 0.9375rem;
    --gcds-checkbox-danger-border: #d3080c;
    --gcds-checkbox-default-text: #333;
    --gcds-checkbox-disabled-background: #d6d9dd;
    --gcds-checkbox-disabled-border: #545961;
    --gcds-checkbox-disabled-text: #545961;
    --gcds-checkbox-error-padding: 0 0 0 3.75rem;
    --gcds-checkbox-focus-background: #fff;
    --gcds-checkbox-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-checkbox-focus-text: #0535d2;
    --gcds-checkbox-focus-outline-width: 0.1875rem;
    --gcds-checkbox-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-checkbox-input-border-radius: 0.1875rem;
    --gcds-checkbox-input-border-width: 0.125rem;
    --gcds-checkbox-input-height-and-width: 3rem;
    --gcds-checkbox-label-padding: 0 0 0 3.75rem;
    --gcds-checkbox-margin: 0 0 1.125rem;
    --gcds-checkbox-max-width: 46.5rem;
    --gcds-checkbox-padding: 0.75rem;
    --gcds-date-input-danger-border: #d3080c;
    --gcds-date-input-fieldset-font-desktop: 600 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-date-input-fieldset-font-mobile: 600 1rem/150% "Noto Sans", sans-serif;
    --gcds-date-input-fieldset-error-margin: 0 0 0.1875rem;
    --gcds-date-input-fieldset-hint-margin: 0 0 0.1875rem;
    --gcds-date-input-fieldset-margin: 0 0 1.125rem;
    --gcds-date-input-label-font-desktop: 500 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-date-input-label-font-mobile: 500 1rem/150% "Noto Sans", sans-serif;
    --gcds-date-input-margin: 0.75rem;
    --gcds-date-modified-description-margin: 0 0 0 0.1875rem;
    --gcds-date-modified-margin: 3rem 0 1.5rem;
    --gcds-details-default-text: #2b4380;
    --gcds-details-default-decoration-thickness: 0.0625rem;
    --gcds-details-focus-background: #0535d2;
    --gcds-details-focus-text: #fff;
    --gcds-details-focus-border-radius: 0.1875rem;
    --gcds-details-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-details-focus-outline-offset: 0.125rem;
    --gcds-details-focus-outline: 0.1875rem solid #0535d2;
    --gcds-details-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-details-font-small: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-details-hover-text: #0535d2;
    --gcds-details-hover-decoration-thickness: 0.125rem;
    --gcds-details-panel-border-color: #7d828b;
    --gcds-details-panel-border-width: 0.375rem;
    --gcds-details-panel-margin: 0.75rem 0 0 0.75rem;
    --gcds-details-panel-padding: 0.75rem 0.75rem 0.75rem 1.125rem;
    --gcds-details-panel-slotted-margin: 1.5rem;
    --gcds-details-summary-arrow-border-left: 0.9375rem;
    --gcds-details-summary-arrow-border-top-bottom: 0.5625rem;
    --gcds-details-summary-arrow-left: 0.375rem;
    --gcds-details-summary-arrow-top: 0.5625rem;
    --gcds-details-summary-border-width: 0.0625rem;
    --gcds-details-summary-padding: 0.375rem 0.375rem 0.375rem 2.25rem;
    --gcds-error-message-text-color: #a62a1e;
    --gcds-error-summary-border-color: #d3080c;
    --gcds-error-summary-border-width: 0.375rem;
    --gcds-error-summary-link-color: #a62a1e;
    --gcds-error-summary-list-item-padding: 0 0 0.75rem;
    --gcds-error-summary-list-margin: 0 0 0 1.125rem;
    --gcds-error-summary-margin: 0 0 2.25rem;
    --gcds-error-summary-max-width: 65ch;
    --gcds-error-summary-text: #333;
    --gcds-error-summary-mobile-padding: 1.125rem;
    --gcds-error-summary-padding: 2.25rem;
    --gcds-fieldset-default-text: #333;
    --gcds-fieldset-disabled-text: #545961;
    --gcds-fieldset-focus-text: #0535d2;
    --gcds-fieldset-font-desktop: 600 2.00225830078125rem/124.85901539399482% "Lato", sans-serif;
    --gcds-fieldset-font-mobile: 600 1.601806640625rem/124.85901539399481% "Lato", sans-serif;
    --gcds-fieldset-legend-margin: 0 0 0.1875rem;
    --gcds-fieldset-legend-required-font-desktop: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-fieldset-legend-required-font-mobile: 400 1rem/150% "Noto Sans", sans-serif;
    --gcds-fieldset-legend-required-margin: 0 0 0 0.375rem;
    --gcds-file-uploader-button-background: #fff;
    --gcds-file-uploader-button-border-radius: 0.375rem;
    --gcds-file-uploader-button-border-width: 0.125rem;
    --gcds-file-uploader-button-font-weight: 500;
    --gcds-file-uploader-button-outline-width: 0.1875rem;
    --gcds-file-uploader-button-margin: 0 0 1.125rem;
    --gcds-file-uploader-button-padding: 0.75rem;
    --gcds-file-uploader-button-text: #2b4380;
    --gcds-file-uploader-default-text: #333;
    --gcds-file-uploader-disabled-background: #d6d9dd;
    --gcds-file-uploader-disabled-text: #545961;
    --gcds-file-uploader-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-file-uploader-file-border-color: #7d828b;
    --gcds-file-uploader-file-border-width: 0.125rem;
    --gcds-file-uploader-file-button-border-width: 0.0625rem;
    --gcds-file-uploader-file-button-border-radius: 0.375rem;
    --gcds-file-uploader-file-button-underline-offset: 0.25rem;
    --gcds-file-uploader-file-button-default-text: #a62a1e;
    --gcds-file-uploader-file-button-default-decoration-thickness: 0.0625rem;
    --gcds-file-uploader-file-button-hover-text: #822117;
    --gcds-file-uploader-file-button-hover-decoration-thickness: 0.125rem;
    --gcds-file-uploader-file-button-margin: 0 0 0 2.25rem;
    --gcds-file-uploader-file-button-padding: 0.75rem 0.1875rem;
    --gcds-file-uploader-file-danger-border-color: #d3080c;
    --gcds-file-uploader-file-focus-border-color: #0535d2;
    --gcds-file-uploader-file-max-width: 30rem;
    --gcds-file-uploader-file-padding: 0.75rem 1.125rem;
    --gcds-file-uploader-focus-button-background: #0535d2;
    --gcds-file-uploader-focus-button-text: #fff;
    --gcds-file-uploader-focus-button-outline-width: 0.1875rem;
    --gcds-file-uploader-focus-button-outline-offset: 0.125rem;
    --gcds-file-uploader-focus-text: #0535d2;
    --gcds-file-uploader-hover-button-background: #d7e5f5;
    --gcds-file-uploader-active-button-background: #000;
    --gcds-file-uploader-active-button-text: #fff;
    --gcds-footer-container-margin: 0 auto;
    --gcds-footer-container-width: 71.25rem;
    --gcds-footer-contextual-background: #33465c;
    --gcds-footer-contextual-padding: 1.125rem 0;
    --gcds-footer-contextual-text: #fff;
    --gcds-footer-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-footer-list-grid-gap: 0.75rem;
    --gcds-footer-list-padding: 0;
    --gcds-footer-listitem-margin: 0 0 1.125rem;
    --gcds-footer-main-background: #26374a;
    --gcds-footer-main-govnav-padding: 1.125rem 0;
    --gcds-footer-main-nav-first-after-border-color: #fff;
    --gcds-footer-main-nav-first-after-border-width: 0.25rem;
    --gcds-footer-main-nav-first-after-width: 2.25rem;
    --gcds-footer-main-text: #fff;
    --gcds-footer-main-themenav-padding: 0.75rem 0 1.125rem;
    --gcds-footer-sub-background: #f1f2f3;
    --gcds-footer-sub-grid-gap: 0.75rem;
    --gcds-footer-sub-listitem-before-margin: 0 1.125rem;
    --gcds-footer-sub-nav-padding: 3rem 0;
    --gcds-footer-sub-signature-lg-width: 10.937rem;
    --gcds-footer-sub-signature-lg-min-width: auto;
    --gcds-footer-sub-signature-lg-margin: 2.25rem 0 2.25rem auto;
    --gcds-footer-sub-signature-margin: 2.25rem 0 3.75rem auto;
    --gcds-footer-sub-md-width: 7rem;
    --gcds-footer-sub-sm-width: 100%;
    --gcds-grid-columns-default-base: 1;
    --gcds-grid-columns-default-tablet: 6;
    --gcds-grid-columns-default-desktop: 12;
    --gcds-grid-gap: 3rem;
    --gcds-header-brand-border-color: #26374a;
    --gcds-header-brand-border-width: 0.1875rem;
    --gcds-header-brand-grid-gap: 0.75rem;
    --gcds-header-brand-margin: 1.125rem 0 0;
    --gcds-header-brand-padding: 0 0 0.375rem;
    --gcds-header-brand-signature-margin: 0 0 0.375rem;
    --gcds-header-brand-toggle-padding: 0 1.125rem;
    --gcds-header-container-max-width: 71.25rem;
    --gcds-header-margin: 0 0 0.75rem;
    --gcds-header-skiptonav-top: 1.5rem;
    --gcds-heading-character-limit-h1: 31ch;
    --gcds-heading-character-limit-h2: 35ch;
    --gcds-heading-character-limit-h3: 40ch;
    --gcds-heading-character-limit-h4: 45ch;
    --gcds-heading-character-limit-h5: 50ch;
    --gcds-heading-character-limit-h6: 57ch;
    --gcds-heading-default-text: #333;
    --gcds-heading-h1-border-background: #d3080c;
    --gcds-heading-h1-border-height: 0.375rem;
    --gcds-heading-h1-border-margin: 0.5625rem;
    --gcds-heading-h1-border-width: 4.5rem;
    --gcds-heading-h1-desktop: 700 2.5341081619262695rem/118.38484422541731% "Lato", sans-serif;
    --gcds-heading-h1-mobile: 700 2.0272865295410156rem/123.31754606814303% "Lato", sans-serif;
    --gcds-heading-h2-desktop: 700 2.2525405883789062rem/122.08437060746162% "Lato", sans-serif;
    --gcds-heading-h2-mobile: 700 1.802032470703125rem/124.85901539399481% "Lato", sans-serif;
    --gcds-heading-h3-desktop: 700 2.00225830078125rem/124.85901539399482% "Lato", sans-serif;
    --gcds-heading-h3-mobile: 700 1.601806640625rem/124.85901539399481% "Lato", sans-serif;
    --gcds-heading-h4-desktop: 700 1.77978515625rem/126.41975308641973% "Lato", sans-serif;
    --gcds-heading-h4-mobile: 700 1.423828125rem/122.90809327846364% "Lato", sans-serif;
    --gcds-heading-h5-desktop: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
    --gcds-heading-h5-mobile: 700 1.265625rem/138.27160493827162% "Lato", sans-serif;
    --gcds-heading-h6-desktop: 700 1.40625rem/124.44444444444444% "Lato", sans-serif;
    --gcds-heading-h6-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
    --gcds-heading-spacing-0: 0;
    --gcds-heading-spacing-50: 0.1875rem;
    --gcds-heading-spacing-100: 0.375rem;
    --gcds-heading-spacing-150: 0.5625rem;
    --gcds-heading-spacing-200: 0.75rem;
    --gcds-heading-spacing-250: 0.9375rem;
    --gcds-heading-spacing-300: 1.125rem;
    --gcds-heading-spacing-400: 1.5rem;
    --gcds-heading-spacing-450: 2.25rem;
    --gcds-heading-spacing-500: 3rem;
    --gcds-heading-spacing-550: 3.75rem;
    --gcds-heading-spacing-600: 4.5rem;
    --gcds-heading-spacing-700: 6rem;
    --gcds-heading-spacing-800: 7.5rem;
    --gcds-heading-spacing-900: 9rem;
    --gcds-heading-spacing-1000: 10.5rem;
    --gcds-hint-margin: 0 0 1.125rem;
    --gcds-icon-font-family: "Font Awesome 6 Free", FontAwesome;
    --gcds-icon-font-size-caption: 1.1111111111111112rem;
    --gcds-icon-font-size-text: 1.25rem;
    --gcds-icon-font-size-h6: 1.40625rem;
    --gcds-icon-font-size-h5: 1.58203125rem;
    --gcds-icon-font-size-h4: 1.77978515625rem;
    --gcds-icon-font-size-h3: 2.00225830078125rem;
    --gcds-icon-font-size-h2: 2.2525405883789062rem;
    --gcds-icon-font-size-h1: 2.5341081619262695rem;
    --gcds-icon-line-height-caption: 135%;
    --gcds-icon-line-height-text: 120%;
    --gcds-icon-line-height-h6: 124.44444444444444%;
    --gcds-icon-line-height-h5: 126.41975308641975%;
    --gcds-icon-line-height-h4: 126.41975308641973%;
    --gcds-icon-line-height-h3: 124.85901539399482%;
    --gcds-icon-line-height-h2: 122.08437060746162%;
    --gcds-icon-line-height-h1: 118.38484422541731%;
    --gcds-icon-fixed-width-caption: 1.35;
    --gcds-icon-fixed-width-text: 1.2;
    --gcds-icon-fixed-width-h6: 1.2444444444444445;
    --gcds-icon-fixed-width-h5: 1.2641975308641975;
    --gcds-icon-fixed-width-h4: 1.2641975308641973;
    --gcds-icon-fixed-width-h3: 1.2485901539399482;
    --gcds-icon-fixed-width-h2: 1.2208437060746162;
    --gcds-icon-fixed-width-h1: 1.183848442254173;
    --gcds-icon-margin-0: 0;
    --gcds-icon-margin-50: 0.1875rem;
    --gcds-icon-margin-100: 0.375rem;
    --gcds-icon-margin-150: 0.5625rem;
    --gcds-icon-margin-200: 0.75rem;
    --gcds-icon-margin-250: 0.9375rem;
    --gcds-icon-margin-300: 1.125rem;
    --gcds-icon-margin-400: 1.5rem;
    --gcds-icon-margin-450: 2.25rem;
    --gcds-icon-margin-500: 3rem;
    --gcds-icon-margin-550: 3.75rem;
    --gcds-icon-margin-600: 4.5rem;
    --gcds-icon-margin-700: 6rem;
    --gcds-icon-margin-800: 7.5rem;
    --gcds-icon-margin-900: 9rem;
    --gcds-icon-margin-1000: 10.5rem;
    --gcds-input-border-radius: 0.1875rem;
    --gcds-input-border-width: 0.125rem;
    --gcds-input-danger-border: #d3080c;
    --gcds-input-default-background: #fff;
    --gcds-input-default-text: #333;
    --gcds-input-disabled-background: #d6d9dd;
    --gcds-input-disabled-text: #545961;
    --gcds-input-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-input-focus-text: #0535d2;
    --gcds-input-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-input-margin: 0 0 1.5rem;
    --gcds-input-min-width-and-height: 3rem;
    --gcds-input-outline-width: 0.1875rem;
    --gcds-input-padding: 0.75rem;
    --gcds-label-font-desktop: 600 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-label-font-mobile: 600 1rem/150% "Noto Sans", sans-serif;
    --gcds-label-margin: 0 0 0.375rem;
    --gcds-label-required-font-weight: 400;
    --gcds-label-required-margin: 0 0 0 0.375rem;
    --gcds-lang-toggle-padding: 0.5625rem 0.75rem;
    --gcds-nav-group-mobile-background: #fff;
    --gcds-nav-group-mobile-list-margin: 0.9375rem 0 0;
    --gcds-nav-group-mobile-padding: 0.5625rem 0.9375rem 1.5rem 0.9375rem;
    --gcds-nav-group-mobile-trigger-border-radius: 0.375rem;
    --gcds-nav-group-mobile-trigger-border-width: 0.125rem;
    --gcds-nav-group-mobile-trigger-margin: 0.5625rem;
    --gcds-nav-group-mobile-trigger-text: #2b4380;
    --gcds-nav-group-side-nav-dropdown-padding: 2.25rem;
    --gcds-nav-group-side-nav-trigger-font-weight: 600;
    --gcds-nav-group-side-nav-trigger-hover-background: #f1f2f3;
    --gcds-nav-group-side-nav-trigger-icon-margin: 1.125rem;
    --gcds-nav-group-side-nav-trigger-margin: 0.5625rem;
    --gcds-nav-group-top-nav-dropdown-background: #f1f2f3;
    --gcds-nav-group-top-nav-dropdown-box-shadow: 0 0 0.5625rem rgba(0, 0, 0, .25);
    --gcds-nav-group-top-nav-dropdown-padding: 0.75rem 0.75rem 0.1875rem;
    --gcds-nav-group-top-nav-dropdown-width: 20rem;
    --gcds-nav-group-top-nav-trigger-border-width: 0.25rem;
    --gcds-nav-group-top-nav-trigger-hover-background: #d6d9dd;
    --gcds-nav-group-top-nav-trigger-hover-text: #0535d2;
    --gcds-nav-group-top-nav-trigger-hover-decoration-thickness: 0.125rem;
    --gcds-nav-group-top-nav-trigger-margin-inline-start: 0.1875rem;
    --gcds-nav-group-top-nav-trigger-decoration-thickness: 0.0625rem;
    --gcds-nav-group-top-nav-trigger-underline-offset: 0.25rem;
    --gcds-nav-group-top-nav-trigger-expanded-background-color: #d6d9dd;
    --gcds-nav-group-top-nav-trigger-icon-margin: 0.9375rem;
    --gcds-nav-group-top-nav-trigger-padding: 1.125rem;
    --gcds-nav-group-trigger-focus-background: #0535d2;
    --gcds-nav-group-trigger-focus-text: #fff;
    --gcds-nav-group-trigger-focus-border-radius: 0.1875rem;
    --gcds-nav-group-trigger-focus-outline-offset: 0.125rem;
    --gcds-nav-group-trigger-focus-outline: 0.1875rem solid #0535d2;
    --gcds-nav-group-trigger-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-nav-group-trigger-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-nav-group-trigger-hover-text: #0535d2;
    --gcds-nav-group-trigger-max-width: 20rem;
    --gcds-nav-group-trigger-padding: 0.9375rem;
    --gcds-nav-group-trigger-text: #333;
    --gcds-nav-link-active-border-color: #33465c;
    --gcds-nav-link-active-font-weight: 700;
    --gcds-nav-link-active-text: #26374a;
    --gcds-nav-link-active-background: #d7e5f5;
    --gcds-nav-link-border-width: 0.25rem;
    --gcds-nav-link-default-text: #2b4380;
    --gcds-nav-link-default-decoration-thickness: 0.0625rem;
    --gcds-nav-link-default-max-width: 20rem;
    --gcds-nav-link-default-underline-offset: 0.25rem;
    --gcds-nav-link-focus-background: #0535d2;
    --gcds-nav-link-focus-text: #fff;
    --gcds-nav-link-focus-border-radius: 0.1875rem;
    --gcds-nav-link-focus-outline-offset: 0.125rem;
    --gcds-nav-link-focus-outline: 0.1875rem solid #0535d2;
    --gcds-nav-link-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-nav-link-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-nav-link-hover-decoration-thickness: 0.125rem;
    --gcds-nav-link-hover-text: #0535d2;
    --gcds-nav-link-margin: 0.5625rem;
    --gcds-nav-link-padding: 0.9375rem;
    --gcds-nav-link-side-nav-hover-background: #f1f2f3;
    --gcds-nav-link-side-nav-padding: 0.9375rem 0.75rem;
    --gcds-nav-link-top-nav-hover-background: #d6d9dd;
    --gcds-nav-link-top-nav-home-font: 600 1.58203125rem/126.41975308641975% "Noto Sans", sans-serif;
    --gcds-nav-link-top-nav-home-padding: 0.9375rem 0.1875rem;
    --gcds-nav-link-top-nav-padding: 1.125rem;
    --gcds-nav-link-top-nav-text: #333;
    --gcds-nav-link-top-nav-margin: 0 0 0 0.1875rem;
    --gcds-pagination-active-text: #fff;
    --gcds-pagination-active-background: #26374a;
    --gcds-pagination-border-radius: 0.1875rem;
    --gcds-pagination-border-width: 0.125rem;
    --gcds-pagination-default-text: #2b4380;
    --gcds-pagination-hover-background: #d7e5f5;
    --gcds-pagination-hover-text: #0535d2;
    --gcds-pagination-focus-background: #0535d2;
    --gcds-pagination-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-pagination-focus-text: #fff;
    --gcds-pagination-focus-outline-width: 0.1875rem;
    --gcds-pagination-font: 500 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-pagination-list-end-button-padding: 0.75rem 0.5625rem;
    --gcds-pagination-listitem-margin: 0.375rem;
    --gcds-pagination-mobile-list-border: #2b4380;
    --gcds-pagination-mobile-list-item-margin: .125rem;
    --gcds-pagination-mobile-list-prevnext-margin: 0.75rem auto 0;
    --gcds-pagination-simple-label-font-weight: 400;
    --gcds-pagination-simple-listitem-margin: 0.375rem 0.375rem 0.75rem;
    --gcds-pagination-simple-listitem-text-margin: 0 0 0.1875rem;
    --gcds-pagination-simple-padding: 0.75rem 0.5625rem;
    --gcds-phase-banner-details-cta-margin: 0 0 0 0.9375rem;
    --gcds-phase-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-phase-banner-icon-margin: 1.125rem;
    --gcds-phase-banner-icon-max-height: 1.125rem;
    --gcds-phase-banner-padding: 0.9375rem;
    --gcds-phase-banner-primary-background: #26374a;
    --gcds-phase-banner-primary-text: #fff;
    --gcds-phase-banner-secondary-background: #f1f2f3;
    --gcds-phase-banner-secondary-text: #333;
    --gcds-radio-border-radius: 100%;
    --gcds-radio-check-border-width: 0.3125rem;
    --gcds-radio-check-height-and-width: 1.125rem;
    --gcds-radio-check-left: 0.9375rem;
    --gcds-radio-check-top: 0.9375rem;
    --gcds-radio-danger-border: #d3080c;
    --gcds-radio-default-text: #333;
    --gcds-radio-disabled-background: #9191A1;
    --gcds-radio-disabled-border: #545961;
    --gcds-radio-disabled-text: #545961;
    --gcds-radio-focus-background: #fff;
    --gcds-radio-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-radio-focus-text: #0535d2;
    --gcds-radio-focus-outline-width: 0.1875rem;
    --gcds-radio-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-radio-input-border-width: 0.125rem;
    --gcds-radio-input-height-and-width: 3rem;
    --gcds-radio-label-padding: 0 0 0 3.75rem;
    --gcds-radio-margin: 0 0 1.125rem;
    --gcds-radio-max-width: 46.5rem;
    --gcds-radio-padding: 0.75rem;
    --gcds-search-border-radius: 0.1875rem 0 0 0.1875rem;
    --gcds-search-border-width: 0.125rem;
    --gcds-search-default-background: #fff;
    --gcds-search-default-text: #333;
    --gcds-search-focus-border-radius: 0.1875rem;
    --gcds-search-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-search-focus-text: #0535d2;
    --gcds-search-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-search-margin: 0 0 0.1875rem;
    --gcds-search-min-width-and-height: 3rem;
    --gcds-search-outline-width: 0.1875rem;
    --gcds-search-padding: 0.75rem;
    --gcds-select-arrow-position-x: calc(100% - 0.75rem);
    --gcds-select-border-radius: 0.1875rem;
    --gcds-select-border-width: 0.125rem;
    --gcds-select-danger-border: #d3080c;
    --gcds-select-default-background: #fff;
    --gcds-select-default-text: #333;
    --gcds-select-disabled-background: #d6d9dd;
    --gcds-select-disabled-text: #545961;
    --gcds-select-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-select-focus-text: #0535d2;
    --gcds-select-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-select-margin: 0 0 1.5rem;
    --gcds-select-min-width-and-height: 3rem;
    --gcds-select-outline-width: 0.1875rem;
    --gcds-select-padding: 0.75rem 3.75rem 0.75rem 0.75rem;
    --gcds-side-nav-heading-font: 700 1.58203125rem/126.41975308641975% "Lato", sans-serif;
    --gcds-side-nav-heading-margin: 0.5625rem;
    --gcds-side-nav-heading-padding: 0.9375rem;
    --gcds-side-nav-max-width: 20rem;
    --gcds-signature-color-flag: red;
    --gcds-signature-color-text: #000;
    --gcds-signature-signature-height: 1.6875rem;
    --gcds-signature-white-default: #fff;
    --gcds-signature-wordmark-height: 3rem;
    --gcds-stepper-font-desktop: 600 1.40625rem/124.44444444444444% "Lato", sans-serif;
    --gcds-stepper-font-mobile: 700 1.125rem/133.33333333333334% "Lato", sans-serif;
    --gcds-stepper-margin-desktop: 0 0 0.5625rem;
    --gcds-stepper-margin-mobile: 0 0 0.375rem;
    --gcds-textarea-border-radius: 0.1875rem;
    --gcds-textarea-border-width: 0.125rem;
    --gcds-textarea-danger-border: #d3080c;
    --gcds-textarea-default-background: #fff;
    --gcds-textarea-default-text: #333;
    --gcds-textarea-disabled-background: #d6d9dd;
    --gcds-textarea-disabled-text: #545961;
    --gcds-textarea-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-textarea-focus-text: #0535d2;
    --gcds-textarea-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-textarea-margin: 0 0 1.5rem;
    --gcds-textarea-min-height: 3rem;
    --gcds-textarea-outline-width: 0.1875rem;
    --gcds-textarea-padding: 0.75rem;
    --gcds-top-nav-background: #f1f2f3;
    --gcds-top-nav-max-width: 71.25rem;
    --gcds-topic-menu-border-width: 0.0625rem;
    --gcds-topic-menu-button-background: #26374a;
    --gcds-topic-menu-button-border: #26374a;
    --gcds-topic-menu-button-expanded-background: #444;
    --gcds-topic-menu-button-expanded-border-color: #444;
    --gcds-topic-menu-button-expanded-text: #fff;
    --gcds-topic-menu-button-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-topic-menu-button-home-background: #fff;
    --gcds-topic-menu-button-home-border-color: #fff;
    --gcds-topic-menu-button-home-text: #284162;
    --gcds-topic-menu-button-padding: 0.75rem 1.125rem;
    --gcds-topic-menu-button-text: #fff;
    --gcds-topic-menu-focus-background: #0535d2;
    --gcds-topic-menu-focus-text: #fff;
    --gcds-topic-menu-focus-border-radius: 0.1875rem;
    --gcds-topic-menu-focus-box-shadow: 0 0 0 0.125rem #fff;
    --gcds-topic-menu-focus-outline-offset: 0.125rem;
    --gcds-topic-menu-focus-outline: 0.1875rem solid #0535d2;
    --gcds-topic-menu-font: 400 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-topic-menu-max-width: 71.25rem;
    --gcds-topic-menu-menuitem-border-block-end: #545961;
    --gcds-topic-menu-menuitem-border-inline-end: #fff;
    --gcds-topic-menu-menuitem-expanded-background: #fff;
    --gcds-topic-menu-menuitem-expanded-text: #333;
    --gcds-topic-menu-menuitem-font: 400 1.1111111111111112rem/120% "Noto Sans", sans-serif;
    --gcds-topic-menu-menuitem-padding: 0.9375rem 1.5rem;
    --gcds-topic-menu-menuitem-text: #fff;
    --gcds-topic-menu-menuitem-text-underline-offset: 0.25rem;
    --gcds-topic-menu-menuitem-width: 22.5rem;
    --gcds-topic-menu-mobile-item-expanded-margin-inline-start: 3.75rem;
    --gcds-topic-menu-mobile-item-expanded-padding-inline-start: 3.75rem;
    --gcds-topic-menu-mobile-menuitem-background: #d6d9dd;
    --gcds-topic-menu-mobile-mostrequested-background: #d6d9dd;
    --gcds-topic-menu-mobile-mostrequested-border: #a8adb4;
    --gcds-topic-menu-mobile-mostrequested-expanded-margin-inline-start: 6rem;
    --gcds-topic-menu-mobile-mostrequested-hover-text: #000;
    --gcds-topic-menu-mobile-themelist-border: #f1f2f3;
    --gcds-topic-menu-mobile-themelist-margin-block-start: 3rem;
    --gcds-topic-menu-mobile-topiclist-item-first-menuitem-border: #d6d9dd;
    --gcds-topic-menu-mobile-topiclist-item-first-menuitem-text: #000;
    --gcds-topic-menu-mobile-topiclist-item-last-menuitem-hover-text: #000;
    --gcds-topic-menu-mobile-topiclist-item-last-menuitem-text: #284162;
    --gcds-topic-menu-mobile-topiclist-menuitem-border-block-end: #d6d9dd;
    --gcds-topic-menu-mobile-topiclist-menuitem-haspopup-font: 400 1.1111111111111112rem/120% "Noto Sans", sans-serif;
    --gcds-topic-menu-mobile-topiclist-menuitem-hover-text: #0535d2;
    --gcds-topic-menu-mobile-topiclist-menuitem-padding: 0.9375rem 1.5rem 0.9375rem 0;
    --gcds-topic-menu-mostrequested-item-first-font: 400 1.1111111111111112rem/120% "Noto Sans", sans-serif;
    --gcds-topic-menu-mostrequested-item-last-margin-block-start: 0.9375rem;
    --gcds-topic-menu-mostrequested-item-width: 100%;
    --gcds-topic-menu-themelist-background: #444;
    --gcds-topic-menu-themelist-item-border: #444;
    --gcds-topic-menu-themelist-text: #fff;
    --gcds-topic-menu-themelist-width: 100%;
    --gcds-topic-menu-topiclist-background: #fff;
    --gcds-topic-menu-topiclist-border: #d6d9dd;
    --gcds-topic-menu-topiclist-box-shadow: 0.5625rem 0.5625rem 0.5625rem 0.375rem rgba(0, 0, 0, .1);
    --gcds-topic-menu-topiclist-item-first-font: 700 2.00225830078125rem/124.85901539399482% "Noto Sans", sans-serif;
    --gcds-topic-menu-topiclist-item-first-margin-block-end: 2.25rem;
    --gcds-topic-menu-topiclist-item-first-width: 100%;
    --gcds-topic-menu-topiclist-item-last-left: 25rem;
    --gcds-topic-menu-topiclist-item-last-top: 6rem;
    --gcds-topic-menu-topiclist-left: 22.5rem;
    --gcds-topic-menu-topiclist-margin-block-end: 1.5rem;
    --gcds-topic-menu-topiclist-menuitem-hover-text: #0535d2;
    --gcds-topic-menu-topiclist-menuitem-hover-text-decoration-thickness: 0.125rem;
    --gcds-topic-menu-topiclist-menuitem-padding: 0.375rem 0;
    --gcds-topic-menu-topiclist-menuitem-popup-font: 700 1.25rem/120% "Noto Sans", sans-serif;
    --gcds-topic-menu-topiclist-menuitem-popup-text: #000;
    --gcds-topic-menu-topiclist-menuitem-text: #284162;
    --gcds-topic-menu-topiclist-min-height: 49.1825rem;
    --gcds-topic-menu-topiclist-padding: 0 2.25rem 1.5rem 2.25rem;
    --gcds-topic-menu-topiclist-text: #000;
    --gcds-topic-menu-topiclist-width: calc(100% - 22.5rem);
    --gcds-verify-banner-background: #f1f2f3;
    --gcds-verify-banner-container-xs: 20rem;
    --gcds-verify-banner-container-sm: 30rem;
    --gcds-verify-banner-container-md: 48rem;
    --gcds-verify-banner-container-lg: 62rem;
    --gcds-verify-banner-container-xl: 71.25rem;
    --gcds-verify-banner-container-full: 100%;
    --gcds-verify-banner-container-padding: 1.125rem;
    --gcds-verify-banner-content-border-color: #7d828b;
    --gcds-verify-banner-content-border-width: 0.0625rem;
    --gcds-verify-banner-content-heading-margin: 0 0 0.1875rem;
    --gcds-verify-banner-content-padding-block-start: 1.5rem;
    --gcds-verify-banner-content-padding-block-end: 0.75rem;
    --gcds-verify-banner-font: 400 1.1111111111111112rem/135% "Noto Sans", sans-serif;
    --gcds-verify-banner-summary-padding: 0.75rem;
    --gcds-verify-banner-summary-content-margin: 0 1.125rem 0 0;
    --gcds-verify-banner-text: #333;
    --gcds-verify-banner-toggle-text: #2b4380;
    --gcds-verify-banner-toggle-font-weight: 700;
}


.alert-heading {
    border-bottom: 2px solid #971818;
    font-size: 2rem;
}

.alert strong {
    display: inline-block;
}

.alert.instruction .ck-content{
    font-size: 20px !important;
    background-color: transparent !important;
}

.alert-info.instruction {
    border-left: 5px solid var(--gcds-color-blue-500);
    padding-block: 12px;
    padding-inline: 2.3rem 1.5rem;
    border-image: unset;
    background: var(--gcds-color-blue-100);
    margin-inline-start: 0;
}

.alert-success.instruction {
    border-left: 5px solid var(--gcds-color-green-500);
    padding-block: 12px;
    padding-inline: 2.3rem 1.5rem;
    border-image: unset;
    background: var(--gcds-color-green-100);
    margin-inline-start: 0;
}

.alert-warning.instruction {
    border-left: 5px solid var(--gcds-color-yellow-500);
    padding-block: 12px;
    padding-inline: 2.3rem 1.5rem;
    border-image: unset;
    background: var(--gcds-color-yellow-100);
    margin-inline-start: 0;
}

.alert-danger.instruction {
    border-left: 5px solid var(--gcds-color-red-500);
    padding-block: 12px;
    padding-inline: 2.3rem 1.5rem;
    border-image: unset;
    background: var(--gcds-color-red-100);
    margin-inline-start: 0;
}

.alert-danger .fa-exclamation-triangle{
    display: none!important;
}

/* -- Sections -- */
legend.section-title section-body{
    display: none;
}
legend.section-title + section-body {
    margin-block: -.5rem 1.5rem;
}



/* -- LANG VARS -- */
html[data-lang="en"]:root, [crm-lcid="1033"]:root {
    --text-yes: "Yes";
    --text-no: "No";
}

html[data-lang="fr"]:root, [crm-lcid="1036"]:root {
    --text-yes: "Oui";
    --text-no: "Non";
}


/* -- Labels -- */
.cell>.table-info {
    padding-bottom: 0px;
    display: contents;
}
.cell>.table-info label, tr .field-label, .field-label {
    font-weight: 600 !important;
    font-family: "Noto Sans", sans-serif !important;
    font-size: 20px !important;;
}

/* -- Resets - */
.entity-form {
    overflow-wrap: anywhere;
}

:root {
    --gcds-input-margin: 0 0 1.2rem;
    --gac-outline-readonly-focus: #575a64;
}

.cell {
    padding: 0 !important;
        margin: var(--gcds-input-margin) !important;

}

.cell>.control {
    display: inline-grid;
    /* margin: var(--gcds-input-margin) !important; */
    width: 100%;
}

/* -- Main Control Styling - */
input[name="Email"],
input.query,
.aspNetDisabled.lookup,
.datetimepicker input[readonly],
.cell > .control [id="RichTextEditorControl"] iframe.browserPreviewFrame,
.cell>.control>textarea, 
.cell>.control>input, 
.cke_inner, .cell.money>.control input, 
.cell.money>.control>.input-group, 
.cell.lookup>.control>.input-group, 
.form-search .input-group,
.cell.datetime>.control>.input-group, 
[id="RichTextEditorControl"] textarea, 
[id="UpdMSPicklistControl"] .msos-container, 
input[type="checkbox"]:not(.msos-checkbox), 
input[type="email"][readonly="readonly"] + .control,
[type="url"][readonly="readonly"] ~ .control,
.entitylist-filter-option .input-group,
.item.btn.btn-default,
.input-group:has(>input[type="search"]){
    background-color: var(--gcds-input-default-background);
    background-image: none;
    border: var(--gcds-input-border-width) solid !important;
    border-radius: var(--gcds-input-border-radius);
    border-color: var(--border-color) !important;
    color: var(--gcds-input-default-text);
    display: block;
    font: inherit !important;
    height: auto;
    max-width: 100%;
    min-height: var(--gcds-input-min-width-and-height);
    min-width: var(--gcds-input-min-width-and-height);
    padding: var(--gcds-input-padding) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, outline .15s ease-in-out !important;
    width: 100%;
    outline: var(--gcds-input-outline-width) solid var(--outline-color) !important;
    outline-offset: var(--gcds-input-border-width);
    position: relative;
    appearance: none;
    background: #fff;
}


.entitylist-filter .card-body {
    display: flex;
}
.filter-vertical .entitylist-filter .card-body {
    flex-direction: column;
}

.entitylist-filter-option .input-group {
    display: grid;
    padding: 0!important;
    grid-template-columns: 3em auto;
    max-width: 100%;
    margin: 0px!important;
    min-height: unset;
}

.entitylist-filter-option .input-group > .input-group-text {
    height: 100%;
    border-radius: 0;
}



.entitylist-filter-option .input-group input,
.entitylist-filter-option .input-group select{
    border: none!important
}
.entitylist-filter-option-group-box-overflow {
    overflow: visible!important;
}

.page-header{
    position: relative;
    border-block-end: none;
}

/* .page-header:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 80px;
    bottom: 0;
} */

.breadcrumb {
    padding: 0!important;
    margin-block-end: 0;
}
@media screen and (min-width: 992px) {
    .breadcrumb > li {
        position: relative;
    }
    .breadcrumb > li:after {
        content: '';
        background-image: linear-gradient(to right, transparent , #fff);
        z-index: 1;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 15px;
    }

    .page-heading .breadcrumb {
    display: none;
    }
    
    .breadcrumb>li {
        max-width: 9.1rem;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
        /* display: inline; */
        transition: max-width 1s ease;
        display: flex;
        align-content: center;
        align-items: center;
        padding: 10px;
    }
    
    .breadcrumb>li:hover,
    .breadcrumb>li:focus-within  {
        max-width: 100%;
    }

    #side-nav-collapse {
        display: none;
    }
    .nav-block nav {
      position: sticky;
      top: 20px;
    }
}

@media screen and (max-width: 991px) {
    .subheader > .container {
       flex-direction: row-reverse;
       align-content: flex-start;
       justify-content: flex-start;
       justify-items: flex-start;
    }
    .breadcrumb,
    .breadcrumb>li+li:before {
        display: none!important;
    }

    #side-nav-collapse {
        /* display: flex!important; */
        /* position: absolute; */
        /* top: -70px; */
        z-index: 10;
        /* vertical-align:middle; */
        border-radius: 5px!important;
    }
    
    #side-nav-collapse:focus {
        --outline-color: var(--gcds-focus-background);
    }
    
    #side-nav-collapse.menu-open {
        position: fixed;
        top: 10px;
        right: 10px;
        font-size: 0!important;
        padding-block: 7px;
        padding-inline: 18px;
        min-height: auto!important;
        z-index: 1000;
    }
    #side-nav-collapse.menu-open:after {
        font-size: 1rem;
        content: "x";
        border: none;
        margin: 0;
    }
    #side-nav-collapse.menu-open ~ .main-block {
        opacity: 0;
        position: relative;
        /* height: 0; */
        display: none;
    }
    body:has(#side-nav-collapse.menu-open){
         overflow: clip; 
    }
    body:has(#side-nav-collapse.menu-open) footer {
        display: none;
    }
    
    .nav-block nav {
      width: 100%;
      transition: max-height 0.3s ease;
      overflow-y: clip;
      position: fixed!important;
      z-index: 1001;
      background: #fff;
      max-height: calc(100vh + 15px);
      inset: 0!important;
      display: block;
      margin-block-start: -15px;
      padding: 0;
    }
    
    /* Hidden state */
    .nav-block nav:not(.open) {
      max-height: 0px!important;
      box-sizing:content-box;
      overflow: hidden;
      display: none;;
    }

    .entity-grid {
        max-width: calc(100vw - 75px) !important;
    }
}

.entity-grid {
    --border-color: #000;
}

.entitylist + .entitylist {
    margin-top: 2em;
}

.cell.form-control-cell {display: flex;flex-direction: column;flex-wrap: nowrap;max-width: 100%;}
.cell.form-control-cell:before,
.cell.form-control-cell:after {
    display: none;
}

/* -- RADIO CONTROLS -*/
.cell > .control input[type="radio"] {
    appearance: none;
    height: var(--gcds-checkbox-input-height-and-width);
    width: var(--gcds-checkbox-input-height-and-width);
    border: var(--gcds-checkbox-input-border-width) solid;
    outline: var(--gcds-input-outline-width) solid var(--outline-color) !important;
    outline-offset: var(--gcds-input-border-width);
    border-radius: 50%;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline 0.15s ease-in-out;
    padding: 6px!important;
    background-clip: content-box!important;
    margin: 0!important;
    transform: scale3d(1, 1, 1);
    min-width: var(--gcds-checkbox-input-height-and-width);
}

.cell > .control input[type="radio"] +label {
    margin-block: auto;
}

.cell > .control > .picklist.vertical:has(br) {
    display: grid!important;
    grid-template-columns: var(--gcds-checkbox-input-height-and-width) 1fr 0;
    grid-template-rows: var(--gcds-checkbox-input-height-and-width);
    gap: 10px;
}

.cell > .control > .boolean-radio, 
.cell > .control > .picklist.horizontal {
    display: flex;
    gap: 32px 21px;
    flex-wrap: wrap;
    align-items: center;
}
.aspNetDisabled {
    display: contents;
}

.cell > .control > .picklist.horizontal > .group {
    display: flex;
    justify-content: center;
    gap: 10px;
    /* flex-direction: column; */
    min-width: 87px;
    align-items: center;
}

input[type="radio"]:checked {
    background-color: #000;
}


[devmode="true"] input[type="radio"][disabled="disabled"] {
    border: var(--gcds-radio-disabled-border);
    color: var(--gcds-radio-disabled-text);
}

[devmode="true"] input[type="radio"][disabled="disabled"]:checked {
    /* background-color: var(--gcds-radio-disabled-background); */
    background-color: transparent;
    border: none!important;
    position: relative;
}

[devmode="true"] input[type="radio"][disabled="disabled"]:not(:checked),
[devmode="true"] input[type="radio"][disabled="disabled"]:not(:checked) + label {
    display: none!important;
}
[devmode="true"] input[type="radio"][disabled="disabled"] + label:after {
    content: ' selected';
}


[devmode="true"] input[type="radio"][disabled="disabled"][value="0"]:checked:before {
    content: "\e014";
    font-family: 'Glyphicons Halflings';
    font-weight: 900;
    color:#000;
    inset: 0;
    margin: auto;
    display: flex;
    align-content:center;
    font-size: 33px;
    z-index: 100;
    position:absolute;
    justify-content: center;
    align-items: center;
}
[devmode="true"] input[type="radio"][disabled="disabled"][value="1"]:checked:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:#000;
    inset: 15px;
    font-size: 25px;
    z-index: 100;
    position:absolute;
}

[devmode="true"] .cell .logical-name {
   color: #922e2e;
}
/* [devmode="true"] .cell:before{
    content: attr(data-inner-field-id);
    display: block;
} */


.table-info .validators {
    float: none!important;
    display: none;
}

.table-info .validators > span {
    width: 100%;
    display: block;
}

.cell .description {
    padding: 0em 0 0.5rem 0.1rem ;
}

/* -- RTF --*/
iframe.browserPreviewFrame {
    height: auto;
}

[lang="fr"]  [data-msdyn-rteplaceholder="Enter text..."]:before{
    content: "Entrez du texte..." !important;
}


/* -- Checkbox PCF/Form Input -- */
.cell > .control input[type="checkbox"] {
    /* appearance: none; */
    position: relative!important;
    display: block!important;
    max-width: var(--gcds-input-min-width-and-height)!important;
    margin: 0!important;
    cursor: pointer;
    opacity: 1!important;
}

input[type="checkbox"]:checked:before {
    content: '';
    position: absolute;
    pointer-events: none;
    border: var(--gcds-checkbox-check-border-width) solid;
    height: var(--gcds-checkbox-check-height);
    left: calc(var(--gcds-checkbox-check-left));
    opacity: 1;
    top: var(--gcds-checkbox-check-top);
    transform: rotate(40deg);
    transition: opacity 0.2s ease-in-out;
    width: var(--gcds-checkbox-check-width);
    border-block-start: 0px !important;
    border-inline-start: 0px !important;
    z-index: 12;
    /* border-color: #000; */
}

.msos-selection {
    max-height: 17rem!important;
}
.msos-option > .msos-label {
    display: flex;
    align-items:center;
}
.msos-option> .msos-label> .msos-checkbox {
    display: block!important;
    position: unset!important;
    width: 25px!important;
    height: 25px!important;
    opacity: 1;
    left: 0.15em;
}

.msos-option> .msos-label> .msos-checkbox:checked {
    filter: grayscale(1) invert(1) contrast(2) brightness(2.3) ;
}


.msos-option> .msos-label> .msos-checkbox:before {
  display: none;
}

.msos-selection-container .msos-label-text {
    padding-left: 0.3em!important;
}
.msos-selection-container .msos-label-text:before{
    display: none!important;
}

.msos-selection-container {
    padding-top: 0!important;
}

/* 
#terms-conditions-confirmation[type="checkbox"]:not(:checked):before {
    position: absolute;
    pointer-events: none;
    height: var(--gcds-checkbox-check-height);
    width: var(--gcds-checkbox-check-height);
    font-size: var(--gcds-checkbox-check-height);
    content: "\274c";
    filter: saturate(0);
    color: #000 !important;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    z-index: 12;
}
 */

label[for="terms-conditions-confirmation"] {
    margin-inline: auto;
    padding-inline-start: 0px;
    display: flex;
    justify-content: flex-start;
    align-items:center;
    gap: 20px
}
input#terms-conditions-confirmation{
    max-width: var(--gcds-input-min-width-and-height)!important;
    margin-block: 0px!important;
}

.cell.form-control-cell:has(input[type="radio"]), .cell.checkbox-cell {
    display: flex;
    flex-direction: column!important;
}

/*-reset-*/
.checkbox-controlfui-FluentProvider1 {
    display: none;
}

.cell.form-control-cell > .control:has([data-id="Checkbox-pcf-container-id"]) {
    min-height: var(--gcds-checkbox-check-height)!important;
    display: table;
}

[data-id="Checkbox-pcf-container-id"] * {
    display: contents!important;
}

[data-id="Checkbox-pcf-container-id"] input[type="checkbox"] {
    opacity: 1!important;
}

[data-lp-id="CheckboxControl|CheckboxControl|undefined"] *, html[dir=ltr] .crmEntityFormView .cell.checkbox-cell div.table-info {
    padding-left: 0!important;
    margin-left: 0!important;
}

.form-subgrid-heading {
    margin: 0!important;
}



/* --- DateTime Specific --*/
.cell.datetime>.control>.input-group {
    display: flex;
    padding: 0!important;
    margin: 0!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch!important;
    /* overflow: clip!important; */
}

.cell.datetime>.control>.input-group .input-group-addon {
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    --outline-color: transparent;
    border-radius: 0px!important;
}
.cell.datetime>.control>.input-group:has(.input-group-addon:focus) {
    overflow:unset!important
}

.cell.datetime>.control>.input-group>.input-group-addon:focus {
    background-color: var(--gcds-button-shared-focus-background)!important;
            color: #fff;
    filter: drop-shadow(0px 0px 13px #FFF)!important;
    border-radius: 5px!important;
}

.cell.money>.control>.input-group {
    display: table;
    padding: 0 !important;
    display: grid;
    grid-template-columns: 3.5rem 1fr;
    display: flex;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
}

.cell.money>.control>.input-group>* {
    border: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
}

.cell.money .input-group>.input-group-addon {
    margin: 0;
    aspect-ratio: 1/0.6
}
.cell.money>.control>.input-group>input {
    margin-block-end: 0 !important; outline: none!important;
}


/* --- TextArea Specific --*/
textarea {
    min-width:100%;
}

/* --- RichTextArea Specific --*/
html>body>.cke:not(.cke_combopanel) {
    display: contents !important;
}

.cke_inner {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: 0;
    width: auto;
    margin: calc(2* var(--gcds-input-border-width)) !important;
    /* Provide room for iframe to render outline */
}


/* --- HTML5 Select Dropdown Specific --- */
.cell > .control .FieldControls\.MultiOptionSetControl > * > *, .cell > .control [id="ModernMSPicklistControl"] > * >*, .cell>.control>select {
    appearance: none !important;
    background-color: var(--gcds-select-default-background);
    background-position-x: var(--gcds-select-arrow-position-x) !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
    border: var(--gcds-select-border-width) solid !important;
    border-radius: var(--gcds-select-border-radius) !important;
    box-sizing: border-box;
    color: var(--gcds-select-default-text) !important;
    display: block !important;
    font: inherit;
    height: auto;
    max-width: 100%;
    min-height: var(--gcds-select-min-width-and-height);
    min-width: var(--gcds-select-min-width-and-height);
    transition: 0.15s ease-in-out !important;
    margin: var(--gcds-select-margin) !important;
    font-weight: 900;
    outline: var(--gcds-input-outline-width) solid var(--outline-color) !important;
    outline-offset: var(--gcds-input-border-width);
    margin-block-end: 0!important;
}

.cell>.control>select {
    /* padding: var(--gcds-select-padding) !important; */
    text-overflow: ellipsis;
    white-space: normal;
    /* padding-inline-end: 2rem !important; */
}
select {
    text-overflow: ellipsis;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}



/* - Caret - */
.cell>.control .msos-caret-container, .cell > .control [id="ModernMSPicklistControl"], .cell > .control .FieldControls\.MultiOptionSetControl, .cell>.control>select {
    --background-caret: url("data:image/svg+xml;utf8,<svg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.799988 0.900024L7.79999 7.90003L14.8 0.900024' stroke='currentColor' stroke-width='2'/></svg>") !important;
}

.cell > .control .msos-caret-container, .cell > .control .FieldControls\.MultiOptionSetControl, .fui-Combobox__expandIcon, .fui-Dropdown__expandIcon, .cell > .control > select {
    background: var(--background-caret) !important;
    background-position-y: 50% !important;
    background-repeat: no-repeat !important;
}

.cell>.control>select {
    background-position-x: var(--gcds-select-arrow-position-x) !important;
    z-index: 1;
}


/*-Select Resets-*/
.fui-Combobox, .fui-Dropdown__button {
    height: 100%;
    background-color: var(--gcds-select-default-background)!important;
}

.msos-caret-container > *, .fui-Combobox__expandIcon > *, .fui-Dropdown__expandIcon > * {
    opacity: 0 !important;
}

.cell>.control .msos-caret-container {
    margin-inline-end: 5px 
}


/* ---- Focus Outline Styling ---- */
.cell>.control:focus-within>textarea:focus, .cell>.control:focus-within>input:focus, .cell[role="radiogroup"] > .control input[type="radio"]:focus, 
.cell.lookup>.control .input-group:has(input:focus), 
.form-search .input-group:has(input:focus),
.input-group:has(> input[type="search"]:focus),
.cell.money>.control .input-group:focus-within, 
.cell.money>.control:focus-within input.money, 
.cell.datetime>.control .input-group:has(input:focus), 
.cell.datetime>.control .input-group-addon:focus, .cell>.control>select:focus, [id="UpdMSPicklistControl"]:focus-within .msos-container, .cell > .control [id="ModernMSPicklistControl"]:focus-within, .cell > .control .FieldControls\.MultiOptionSetControl:focus-within, form input[type="button"]:focus, .pager>li>a:focus, a[href]:focus, .cke.cke_focus, input:focus, 
button:focus, .entitylist-filter-option .input-group:focus-within
{
    --outline-color: var(--gcds-input-focus-text);
    --border-color: #000;
}


/*-- readonly --*/
.cell .control {
    position: relative;
}

.cell .control:has([readonly]:not([type="file"])):before,
.cell .control:has([readonly]:not([type="file"])):after,
.cell .control:has(select[disabled]):after {
    content: '';
    inset: 0;
    display: block;
    position: absolute;
}

.cell:not([role="radiogroup"]) > .control:has([readonly]):after,
.cell .control:has(select[disabled]):after,
.cell .picklist .aspNetDisabled input:not([checked="checked"]){
    background-color: #7b7b7b33;
    backdrop-filter: brightness(0.8) contrast(1.5);
    pointer-events: none;
    z-index: 2;
}

.cell > .control:has([readonly]):before {
    background: #fff;
    z-index: 0;
    /* cursor: not-allowed; */
}

.cell .control:has([readonly]) label {
    z-index: 2;
}

.cell[role="radiogroup"] .control input[readonly]:not([checked="checked"]){
    filter: brightness(0.8) contrast(1.2);
    background: #ffffff;
}

.form-readonly .entity-grid:before{
    content: '';
    background: #e5e5e5;
    position: absolute;
    inset: 0;
    z-index: 0;
}

.cell .control:has([readonly]):focus-within *:focus {
    --outline-color: #535353!important;
}



.file-control-container {
  display: flex;
  align-content: center;
  align-items: center;  
  gap: 20px;
}
.container-filelink-delete {
    display: contents!important;
}



/* -- Buttons - General --*/
.btn:not([data-bs-toggle]):not([type="submit"]) {
    display: inline-flex;
    background-color: var(--gcds-button-primary-default-background)!important;
    color: #fff!important;
    border-radius: var(--gcds-button-border-radius)!important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, outline .15s ease-in-out !important;
    outline: var(--gcds-input-outline-width) solid var(--outline-color) !important;
    outline-offset: var(--gcds-input-border-width);
    position: relative;
    appearance: none;
    width: auto;
    font-size: 19px;
    min-height: unset;
    min-height: 2.5rem;
    align-items: center;
    border: none;
    /* padding: 0em; */
}
.btn .fa {
    padding-inline-end: 0.2em;
}

button.btn:hover {
    background-color: var(--gcds-button-primary-hover-background)!important;
    color: #fff;
}
.btn:focus {
    outline: var(--gcds-input-outline-width) solid var(--outline-color) !important;
    outline-offset: 2px;
}

.btn.btn-primary:focus {
    background-color: var(--gcds-button-shared-focus-background)!important;
}

.btn.cancel {
    background-color: var(--gcds-button-secondary-default-background);
    border: var(--gcds-button-border-width) solid;
    color: var(--gcds-button-secondary-default-text);
}

.btn.action {
    font-size:0.7em!important;
    padding: 0.4em 0.6em!important;
    min-height: unset!important;
    margin-block-end: 5px;
}

.modal-delete .btn.primary,
.btn.remove-value,
.btn.btn-for-delete {
    --gcds-button-primary-default-background: var(--gcds-button-danger-default-background);
    color: var(--gcds-button-danger-default-text);
}

.btn.btn-for-delete {
    display: inline-flex;
    justify-content: center;
    /* padding: 1rem !important; */
     min-width: 5rem !important;
}

.modal-delete .btn.primary:hover,
.btn.remove-value:hover,
.btn.btn-for-delete:hover {
    --gcds-button-primary-default-background: var(--gcds-button-danger-hover-background);
}

/* File Inputs - Native */
input[type="file"] {
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, outline .15s ease-in-out !important;
    outline: var(--gcds-input-outline-width) solid var(--outline-color) !important;
    border-radius: var(--gcds-button-border-radius)!important;
    outline-offset: var(--gcds-input-border-width);
    width: 100%!important;
}

input[type="file"]::-webkit-file-upload-button  {
     display: inline-flex;
    background-color: var(--gcds-button-primary-default-background)!important;
    color: #fff!important;
    border-radius: var(--gcds-button-border-radius)!important;
    position: relative;
    appearance: none;
    width: auto;
    font-size: 19px;
    min-height: unset;
    min-height: 2.5rem;
    align-items: center;   
}
input[type="file"][readonly]::-webkit-file-upload-button {
    /* display: none; */
    background-color: var(--gcds-button-shared-disabled-background)!important;
    color: var(--gcds-button-shared-disabled-text)!important;

}

/* --Lookup Specific-- */
.input-group:has(> input[type="search"]),
.view-search.input-group,
.form-search .input-group,
.cell.lookup>.control>.input-group {
    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0 !important;
    border-radius: 5px 6px 6px 5px!important;
    /* overflow:hidden; */
}

.input-group:has(> input[type="search"]) >*,
.form-search .input-group > *,
.view-search.input-group > *{
    border: none !important;
    box-shadow: none;
    border-radius: 0px!important;
    /* height: 100%; */
    width: unset!important;
    display: block;
    margin: 0;
    display: inline-flex;
    align-items: center;
}


.input-group:has(> input[type="search"]) input,
.form-search .input-group input,
.view-search.input-group input,
.cell.lookup>.control>.input-group input {
    color: #000;
    background: #fff;
    outline: none !important;
}

.form-search .input-group-btn,
.view-search.input-group button,
.cell.lookup>.control>.input-group button {
    aspect-ratio: 1;
    background-color: var(--gcds-button-primary-default-background);
    color: #fff;
}

.form-search .input-group:has(button:focus),
.cell.lookup>.control>.input-group:has(button:focus) {
    --outline-color: #000!important;
    outline: none!important;
    overflow: visible;
}

.input-group:has(> input[type="search"]) button:focus,
.form-search .input-group button:focus,
.cell.lookup>.control>.input-group button:focus {
    outline-color: var(--gcds-input-focus-text);
    outline-offset: 4px;
    background-color: var(--gcds-focus-background);
    border-radius: 5px!important;
    box-shadow: 0px 0px 0px 4px #fff;
}

.clearlookupfield {
    --gcds-button-primary-default-background: var(--gcds-button-danger-default-background);
    --outline-color: #ffffff00;
}

.view-search {
    border-radius: var(--gcds-button-border-radius) !important;
    border: var(--gcds-button-border-width) solid!important;
    border-color: #000!important;
}

.view-search input {
    min-width: 21rem;
    max-width: 80%;
}

.view-search .input-group-btn > button.btn {
    /* border-radius: 0 var(--gcds-button-border-radius) var(--gcds-button-border-radius) 0 !important; */
    border-radius: 0!important;
    height: 100%;
    /* margin: 0; */
    aspect-ratio: unset;
}

.btn-primary.action {
    display: flex;
    gap: 7px;
}



/* --Subgrids-- */
table {
    word-wrap: break-word;
}

[data-grid-class="wb-tables"] .view-grid,
[data-grid-class="wb-tables"] .dataTables_wrapper table {
    opacity: 1;
}
[data-grid-class="wb-tables"] .view-grid:not(:has(.dataTables_wrapper)),
[data-grid-class="wb-tables"] table {
    /* opacity: 0; */
}
[data-grid-class="wb-tables"] .view-grid{
    transition: opacity 2s;
}

/* .dataTables_wrapper */
.entity-grid {
    border: var(--gcds-checkbox-input-border-width) solid var(--border-color)!important;
    border-radius: 5px !important;
    padding: 6px 12px;
    max-width: 100%;
    overflow-x: auto;
    position: relative;
}

.entity-grid.subgrid {
    min-height: 6rem;
}

.subgrid-cell {
    margin-bottom: 0rem;
    overflow: visible;
    word-break:break-word;
}

.subgrid-cell:has(.hide-search) .view-search {
    display: none!important;
}
.cell .control > .subgrid {
    max-width: 100%;
    overflow: auto;
}

table.wb-tables thead th {
    vertical-align: bottom!important;
}

th a {
    display: grid;
    grid-template-columns: 1fr 1em 1em;
    height: 100%;
    align-items: end;
    justify-items: start;
    flex-wrap: nowrap;
    flex-direction: row;
    word-wrap:break-word;
    white-space: pre;
}

th.sort-enabled a:before,
th.sort-enabled a:after
{
    content: " ";
    font-family: "Glyphicons Halflings";
    font-weight: 400;
            font-size: 18px;
    line-height: 1em;
    position: relative;
    height: 1.5em;
    padding-block: auto;
    background: #fff;
    border: 1px solid #aaa;
    color: #757575;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-start: 5px;
}
th.sort-enabled.sort-asc a:before,
th.sort-enabled.sort-desc a:after{
    background: #ccc;
    color: #300;
    border-color: #000
}

th.sort-enabled a:before {
    content: "\e093";
    order: 1;
}
th.sort-enabled a:after {
    content: "\e094";
    order: 3;
}

th.sort-enabled .fa.fa-arrow-up,
th.sort-enabled .fa.fa-arrow-down,
.sorting-cnt {
    display: none!important;
}

.sort-disabled * {
    opacity: 0;
    pointer-events: none;
}

tbody td { 
    white-space: normal; 
    word-break: normal; 
    overflow-wrap: break-word;
}

.dataTables_wrapper .bottom {
    display: none;
}
.dataTables_wrapper {
    min-height: 3rem!important;
}

.dataTables_empty {
     display: none;
}
.pagination {
    margin: 0.4rem 0.2rem!important;
    display: inline-flex;
    justify-content: space-between;
    /* grid-template-columns: repeat(auto-fill, 41px)!important; */
    gap: 0px;
}

.pagination a {
  border-radius: 0px;
  background-color: var(--gcds-pagination-background) !important
}

.pagination li:first-child a,
.pagination li.disabled:first-child + li a{
    border-radius: var(--gcds-pagination-border-radius) 0px 0px var(--gcds-pagination-border-radius)!important;
}

.pagination li:last-child a{
    border-radius: 0 var(--gcds-pagination-border-radius) var(--gcds-pagination-border-radius) 0!important;
}

.pagination>li>a, 
.pagination>li>span {
    padding: 0.3em 0.6em!important;
    margin: 0px!important;
}

.pagination>.active>a {
    /* background-color: var(--gcds-pagination-active-background) !important; */
    background: #733556 !important;
    /* filter: brightness(0.3); */
}

.pagination>li>a:hover {
    color: var(--gcds-pagination-hover-text)!important;
    background-color: var(--gcds-pagination-hover-background)!important;
}

.pagination>li>a:focus {
    color: var(--gcds-pagination-focus-text)!important;
    background-color: var(--gcds-button-shared-focus-background)!important;
    box-shadow: var(--gcds-pagination-focus-box-shadow)!important;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th {
    /* border-top: 1px solid #000; */
    /* border: none!important; */
}

.subgrid table tr:not(:first-child) {
    border-top: 1px solid #000;
}


/* ------ LINK STYLING ------ */
/* Source: https://design-system.alpha.canada.ca/en/components/link/ */
.entity-form a[href]:not(.btn):not(.paginate_button) {
    text-decoration: underline !important;
}

a {
    --icon-width: 1.1em;
    --icon-height: 0.8em;
}

a[target="_blank"]:after {
    content: "\f08e";
    font-family: 'Font Awesome 6 Free';
    padding-left: 0.4em;
    font-size: 0.8em;
}

a[href^="tel:"]:after {
    /* content: ' '; */
    /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E"); */
    content: "\f095";
    font-family: 'Font Awesome 6 Free';
    padding-left: 0.4em;
    font-size: 0.8em;
}

a[href^="mailto:"]:after {
    /* content: ' '; */
    /* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E"); */
    content: "\f0e0";
    font-family: 'Font Awesome 6 Free';
    padding-left: 0.4em;
    font-size: 0.8em;
}

a[href]::after {
    height: var(--icon-height);
    width: var(--icon-width);
    display: inline-block;
    font-weight: 900;
    background-repeat: no-repeat;
    background-position: bottom right;
}

a[href]:focus, summary:focus {
    border-radius: var(--gcds-border-radius-sm);
    background-color: var(--gcds-focus-background)!important;
    text-decoration: none;
    box-shadow: 0 0 0 calc(1 *var(--gcds-border-width-md)) var(--gcds-color-grayscale-0);
    outline-offset: calc(1* var(--gcds-border-width-md))!important;
    outline: var(--gcds-spacing-50) solid var(--gcds-focus-background);
    border: none!important;
    z-index: 100;
    color: var(--gcds-focus-text)!important;
    color: #FFF!important;
}


li {
    border: none!important;
    outline: none!important;
}



.notifications {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    padding: 2.5rem 3rem 1rem 1rem;
    box-shadow: 1px 1px 0px;
    border: 1px solid black;
    margin: 1rem;
    /* color: #fff !important; */
    opacity: 1;
    transition: opacity 0.7s;
    border-radius: 1px;

    max-width: 600px;
} 

.notifications .notification {
    background: transparent!important;
}

.notifications button {
    transform: translateY(50%) translateX(16px) scale(2);
    padding: 0;
    /* margin: 0; */
    aspect-ratio: 1/1;
    width: 1.2rem;
}

.validation-summary li:focus-within *{
    color: #FFF!important;
}

ul ul, ol ol {
    margin-bottom: 0;
    /* margin-left: -1em; */
}


.crmquickform-cell {
    border: none!important;
}
.crmquickform-cell .control{
    margin: 0!important;
    padding: 0!important;
}

.crmquickform-cell {
    position: relative;
}

.crmquickform-cell:not(.QV-loaded) .control .fa-spinner {
    animation: fa-spin 2s infinite linear;
    display: flex!important;
    /* display: block!important; */
    padding-block: auto;
    color: #000;
    font-size: 3rem!important;
    align-items: center;
    justify-content: center;
}

[data-page-path^="/_portal/quickform-template-path/"] {
    /* border: 1px dashed red; */
    display: contents;
    /* margin: 0!important; */
    padding: 0!important
}

[data-page-path^="/_portal/quickform-template-path/"] body {
    margin: 0!important;
    padding: 0!important;
}

.container.quickform {
    width: 100%
}

.readonly-grey-background {
    background: #ddd;
    padding-inline: 0.4em;
}
fieldset {
    display: flex;
    flex-direction: column;
    border: none;
}

html[fun_mode="true"]:root {
    --gcds-color-red-100: #ff00c9;
    --gcds-color-red-500: #ff00c9;
    --gcds-color-red-700: #ff00c9;
    --gcds-color-red-900: #ff00c9;
    --gcds-heading-h1-border-background: #ff00c9;
    --gcds-button-primary-default-background: #ff00c9;
    --gcds-focus-background: #ff00c9;
    filter: hue-rotate(12deg) saturate(1.5);
}



html[fun_mode="true"] .cell>.control:focus-within>textarea:focus,
html[fun_mode="true"] .cell>.control:focus-within>input:focus,
html[fun_mode="true"] .cell[role="radiogroup"] > .control input[type="radio"]:focus,
html[fun_mode="true"] .cell.lookup>.control .input-group:has(input:focus),
html[fun_mode="true"] .form-search .input-group:has(input:focus),
html[fun_mode="true"] .cell.money>.control .input-group:focus-within,
html[fun_mode="true"] .cell.money>.control:focus-within input.money,
html[fun_mode="true"] .cell.datetime>.control .input-group:has(input:focus),
html[fun_mode="true"] .cell.datetime>.control .input-group-addon:focus, 
html[fun_mode="true"] .cell>.control>select:focus,
html[fun_mode="true"]  [id="UpdMSPicklistControl"]:focus-within .msos-container, 
html[fun_mode="true"]  .cell > .control [id="ModernMSPicklistControl"]:focus-within,
html[fun_mode="true"]  .cell > .control .FieldControls\.MultiOptionSetControl:focus-within, 
html[fun_mode="true"]  form input[type="button"]:focus, 
html[fun_mode="true"]  .pager>li>a:focus,
html[fun_mode="true"]  a[href]:focus, 
html[fun_mode="true"]  .cke.cke_focus, 
html[fun_mode="true"]  input:focus, 
html[fun_mode="true"]  button:focus, 
html[fun_mode="true"]  .entitylist-filter-option .input-group:focus-within {
    --outline-color: #ff00c9;

}

html[fun_mode="true"] h1 {
    color: #4800b2;
    font-weight: 900;
    filter: drop-shadow(2px 2px 1px #FF00FF44);
}


html[fun_mode="true"] body .btn-primary {
    background-color: #ff00c9;
    border-color: #ff00c9!important;
}

html[fun_mode="true"] .cell .logical-name {
    color: #ca0ba1;
}
