@charset "UTF-8";
/**
 * Variables
 * Variables should follow the $component-state-property-size formula for
 * consistent naming. Examples:
 * $nav-link-disabled-color
 * $modal-content-box-shadow-xs
 *
 * Customization:
 * To customize Bootstrap variables:
 * Copy the desired variable from node_modules/bootstrap/scss/_variables.scss
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 * Change the value and remove the !default flag.
 * Examples:
 * $body-bg: #000;
 * $body-color: $gray-100;
 */
/* Base spacer variables with CSS custom properties */
:root {
  --spacer-xs: 8px;
  --spacer-sm: 16px;
  --spacer-md: 24px;
  --spacer-lg: 32px;
  --spacer-xl: 40px;
  --spacer-2xl: 40px;
  --spacer-3xl: 40px;
  --spacer-4xl: 40px;
  --spacer-5xl: 40px;
  --spacer-6xl: 40px;
  --spacer-7xl: 40px;
  --spacer-8xl: 40px;
  --spacer-9xl: 40px;
}

/* Tablet overrides */
@media (min-width: 577px) {
  :root {
    --spacer-xs: 16px;
    --spacer-sm: 24px;
    --spacer-md: 32px;
    --spacer-lg: 40px;
    --spacer-xl: 48px;
    --spacer-2xl: 48px;
    --spacer-3xl: 48px;
    --spacer-4xl: 48px;
    --spacer-5xl: 48px;
    --spacer-6xl: 48px;
    --spacer-7xl: 48px;
    --spacer-8xl: 48px;
    --spacer-9xl: 48px;
  }
}
/* Desktop overrides */
@media (min-width: 992px) {
  :root {
    --spacer-xs: 4px;
    --spacer-sm: 8px;
    --spacer-md: 16px;
    --spacer-lg: 24px;
    --spacer-xl: 32px;
    --spacer-2xl: 40px;
    --spacer-3xl: 48px;
    --spacer-4xl: 56px;
    --spacer-5xl: 64px;
    --spacer-6xl: 72px;
    --spacer-7xl: 80px;
    --spacer-8xl: 88px;
    --spacer-9xl: 96px;
  }
}
/* TYPOGRAPHY */
body {
  word-break: break-word;
}

:root,
[data-bs-theme=light] {
  --bs-blue: #016DA3;
  --bs-indigo: #6610f2;
  --bs-purple: #613d7c;
  --bs-pink: #e83e8c;
  --bs-red: #C61508;
  --bs-orange: #D93E12;
  --bs-yellow: #F8BE17;
  --bs-green: #477615;
  --bs-teal: #20c997;
  --bs-cyan: #9954bb;
  --bs-black: #1A1A1A;
  --bs-white: #fff;
  --bs-gray: #868e96;
  --bs-gray-dark: #373a3c;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #868e96;
  --bs-gray-700: #495057;
  --bs-gray-800: #373a3c;
  --bs-gray-900: #212529;
  --bs-primary: #016DA3;
  --bs-secondary: #016DA3;
  --bs-tertiary: #fff;
  --bs-blue: #016DA3;
  --bs-orange: #D93E12;
  --bs-green: #477615;
  --bs-success: #477615;
  --bs-info: #016DA3;
  --bs-warning: #A05908;
  --bs-danger: #C61508;
  --bs-light: #f8f9fa;
  --bs-dark: #373a3c;
  --bs-primary-rgb: 1, 109, 163;
  --bs-secondary-rgb: 1, 109, 163;
  --bs-tertiary-rgb: 255, 255, 255;
  --bs-blue-rgb: 1, 109, 163;
  --bs-orange-rgb: 217, 62, 18;
  --bs-green-rgb: 71, 118, 21;
  --bs-success-rgb: 71, 118, 21;
  --bs-info-rgb: 1, 109, 163;
  --bs-warning-rgb: 160, 89, 8;
  --bs-danger-rgb: 198, 21, 8;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 55, 58, 60;
  --bs-primary-text-emphasis: rgb(0.4, 43.6, 65.2);
  --bs-secondary-text-emphasis: rgb(0.4, 43.6, 65.2);
  --bs-success-text-emphasis: rgb(28.4, 47.2, 8.4);
  --bs-info-text-emphasis: rgb(0.4, 43.6, 65.2);
  --bs-warning-text-emphasis: rgb(64, 35.6, 3.2);
  --bs-danger-text-emphasis: rgb(79.2, 8.4, 3.2);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(204.2, 225.8, 236.6);
  --bs-secondary-bg-subtle: rgb(204.2, 225.8, 236.6);
  --bs-success-bg-subtle: rgb(218.2, 227.6, 208.2);
  --bs-info-bg-subtle: rgb(204.2, 225.8, 236.6);
  --bs-warning-bg-subtle: rgb(236, 221.8, 205.6);
  --bs-danger-bg-subtle: rgb(243.6, 208.2, 205.6);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(153.4, 196.6, 218.2);
  --bs-secondary-border-subtle: rgb(153.4, 196.6, 218.2);
  --bs-success-border-subtle: rgb(181.4, 200.2, 161.4);
  --bs-info-border-subtle: rgb(153.4, 196.6, 218.2);
  --bs-warning-border-subtle: rgb(217, 188.6, 156.2);
  --bs-danger-border-subtle: rgb(232.2, 161.4, 156.2);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 26, 26, 26;
  --bs-font-sans-serif: roboto, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #1A1A1A;
  --bs-body-color-rgb: 26, 26, 26;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #1A1A1A;
  --bs-emphasis-color-rgb: 26, 26, 26;
  --bs-secondary-color: rgba(26, 26, 26, 0.75);
  --bs-secondary-color-rgb: 26, 26, 26;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(26, 26, 26, 0.5);
  --bs-tertiary-color-rgb: 26, 26, 26;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #016DA3;
  --bs-link-color-rgb: 1, 109, 163;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #00496D;
  --bs-link-hover-color-rgb: 0, 73, 109;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #1A1A1A;
  --bs-highlight-bg: rgb(253.6, 242, 208.6);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(26, 26, 26, 0.175);
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0px 1px 8px 0px rgba(9, 30, 66, 0.1607843137);
  --bs-box-shadow-sm: 0px 1px 8px 0px rgba(9, 30, 66, 0.1607843137);
  --bs-box-shadow-lg: 0px 4px 12px 0px rgba(9, 30, 66, 0.1215686275);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(1, 109, 163, 0.25);
  --bs-form-valid-color: #477615;
  --bs-form-valid-border-color: #477615;
  --bs-form-invalid-color: #C61508;
  --bs-form-invalid-border-color: #C61508;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #373a3c;
  --bs-secondary-bg-rgb: 55, 58, 60;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(44, 47.5, 50.5);
  --bs-tertiary-bg-rgb: 44, 48, 51;
  --bs-primary-text-emphasis: rgb(102.6, 167.4, 199.8);
  --bs-secondary-text-emphasis: rgb(102.6, 167.4, 199.8);
  --bs-success-text-emphasis: rgb(144.6, 172.8, 114.6);
  --bs-info-text-emphasis: rgb(102.6, 167.4, 199.8);
  --bs-warning-text-emphasis: rgb(198, 155.4, 106.8);
  --bs-danger-text-emphasis: rgb(220.8, 114.6, 106.8);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(0.2, 21.8, 32.6);
  --bs-secondary-bg-subtle: rgb(0.2, 21.8, 32.6);
  --bs-success-bg-subtle: rgb(14.2, 23.6, 4.2);
  --bs-info-bg-subtle: rgb(0.2, 21.8, 32.6);
  --bs-warning-bg-subtle: rgb(32, 17.8, 1.6);
  --bs-danger-bg-subtle: rgb(39.6, 4.2, 1.6);
  --bs-light-bg-subtle: #373a3c;
  --bs-dark-bg-subtle: rgb(40.5, 42, 43);
  --bs-primary-border-subtle: rgb(0.6, 65.4, 97.8);
  --bs-secondary-border-subtle: rgb(0.6, 65.4, 97.8);
  --bs-success-border-subtle: rgb(42.6, 70.8, 12.6);
  --bs-info-border-subtle: rgb(0.6, 65.4, 97.8);
  --bs-warning-border-subtle: rgb(96, 53.4, 4.8);
  --bs-danger-border-subtle: rgb(118.8, 12.6, 4.8);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #373a3c;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(102.6, 167.4, 199.8);
  --bs-link-hover-color: rgb(133.08, 184.92, 210.84);
  --bs-link-color-rgb: 103, 167, 200;
  --bs-link-hover-color-rgb: 133, 185, 211;
  --bs-code-color: rgb(241.2, 139.2, 186);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(99.2, 76, 9.2);
  --bs-border-color: #373a3c;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(144.6, 172.8, 114.6);
  --bs-form-valid-border-color: rgb(144.6, 172.8, 114.6);
  --bs-form-invalid-color: rgb(220.8, 114.6, 106.8);
  --bs-form-invalid-border-color: rgb(220.8, 114.6, 106.8);
}

/* -----------------------------------------------------------------------------
  TYPOGRAPHY UTILITIES (custom Bootstrap extensions)

  We extend Bootstrap utilities with a custom typographic system 
  based on design tokens (font-size, line-height, font-family).

  ──────────────────────────────
  1. FONT SIZES
  ──────────────────────────────
  Class prefix: `.fs-*`
  Responsive: ✅ (e.g. `.fs-md-h1`, `.fs-lg-d1`)

  Available values:
    .fs-d1   → $font-size-d1
    .fs-d2   → $font-size-d2
    .fs-h1   → $font-size-h1
    .fs-h2   → $font-size-h2
    .fs-h3   → $font-size-h3
    .fs-h4   → $font-size-h4
    .fs-s1   → $font-size-s1
    .fs-s2   → $font-size-s2
    .fs-b    → $font-size-b
    .fs-c    → $font-size-c
    .fs-cm   → $font-size-cm

  Example:
    <h1 class="fs-h1">Heading</h1>
    <p class="fs-s2 fs-lg-s1">Responsive text</p>

  ──────────────────────────────
  2. LINE HEIGHTS
  ──────────────────────────────
  Class prefix: `.lh-*`
  Responsive: ❌ (fixed only)

  Available values:
    .lh-d1   → $line-height-d1
    .lh-h1   → $line-height-h1
    .lh-s2   → $line-height-s2
    ... etc.

  Example:
    <p class="lh-s2">Compact text line-height</p>

  ──────────────────────────────
  3. FONT FAMILIES
  ──────────────────────────────
  Class prefix: `.ff-*`
  Responsive: ❌ (fixed only)

  Available values:
    .ff-regular    → $font-family-regular
    .ff-extrabold  → $font-family-extrabold

  Example:
    <span class="ff-extrabold">Strong title</span>

  ──────────────────────────────
  Notes:
  - These utilities are generated via $utilities map extension.
  - They complement (but don’t replace) Bootstrap’s built-in `.h1...h6` 
    and `.display-*` classes.
  - Use `.fs-*` + `.lh-*` + `.ff-*` combos to fully control typography.
----------------------------------------------------------------------------- */
.box-shadow {
  box-shadow: 0px 1px 8px 0px rgba(9, 30, 66, 0.1607843137);
}

.box-shadow-lg {
  box-shadow: 0px 4px 12px 0px rgba(9, 30, 66, 0.1215686275);
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-sm {
  border-radius: 0.25rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 1rem;
}

.rounded-circle {
  border-radius: 50%;
}

.font-family-regular {
  font-family: roboto, sans-serif;
}

.line-height-sm {
  line-height: 1.25;
}

.line-height-base {
  line-height: 1.5;
}

.line-height-lg {
  line-height: 2;
}

[class*=display-] {
  line-height: 1.5;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  line-height: 1.5;
  font-family: poppins, sans-serif;
}

h1,
.h1 {
  font-size: 4rem;
}

h2,
.h2 {
  font-size: 3rem;
}

h3,
.h3 {
  font-size: 2.5rem;
}

h4,
.h4 {
  font-size: 2rem;
}

h5,
.h5 {
  font-size: 1.5rem;
}

h6,
.h6 {
  font-size: 1.25rem;
}

p {
  margin-bottom: 2em;
}

.font-size-xs {
  font-size: 0.75rem;
}

.font-size-sm {
  font-size: 0.875rem;
}

.font-size-lg {
  font-size: 1.25rem;
}

.font-size-xl {
  font-size: 1.5rem;
}

.font-size-xxl {
  font-size: 2rem;
}

.highlight-pill, .highlight-pill--subtle {
  border-width: 0.0625em;
  border-style: solid;
  border-color: #D1D1D1;
  border-radius: 200px;
  padding: 0.25rem 0.5rem;
}
.highlight-pill--subtle {
  border-color: #6A6A6A;
}
.highlight-pill--blue {
  border: none;
  background-color: #E0F3FE;
  color: #016DA3;
}
.highlight-pill--blue a {
  color: #016DA3;
}
.highlight-pill--blue-transparent {
  background-color: transparent;
  color: #016DA3;
  border: 1px solid;
  border-color: #016DA3;
}
.highlight-pill--blue-transparent a {
  color: #016DA3;
}
.highlight-pill--grey {
  border: none;
  background-color: #F0F0F0;
  color: #6A6A6A;
}
.highlight-pill--grey a {
  color: #6A6A6A;
}

.label-pill {
  display: inline;
  font-size: 0.75rem;
  padding: 4px;
  background-color: #FFF1E9;
  color: #D93E12;
  border-radius: 1rem;
  padding: 4px 16px;
}

.text-black {
  color: #2D2D2D !important;
}

.visible-lg-up {
  display: none;
}
@media (min-width: 992px) {
  .visible-lg-up {
    display: block !important;
  }
}

.hidden-lg-up {
  display: block;
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

.no-documents-container {
  max-width: 28.125rem;
  margin: auto;
  padding: 0.5rem;
}
.no-documents-container .no-documents-img {
  justify-self: center;
  margin-bottom: 1rem;
}
.no-documents-container .no-documents-img img {
  max-width: 6.75rem;
}
.no-documents-container h4 {
  text-align: center;
  margin-bottom: 0.5rem;
}
.no-documents-container .no-documents-description {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #6A6A6A;
}
.no-documents-container .no-documents-actions {
  justify-self: center;
  text-align: center;
}
.no-documents-container .no-documents-actions .btn::before {
  margin-right: 0.5rem;
}

/*# sourceMappingURL=views-view.css.map*/