/* ------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */
/* CUSTOM CODE START -------------------------------------------------------------- */
/* Spacers */
/* Colors - gray defaults */
/* Tertiary theme color */
/* Primary color palette */
/* Surface colors */
/* Roundings */
/* CUSTOM CODE END ---------------------------------------------------------------- */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #7A7A7A;
  --bs-gray-dark: #3d3d3d;
  --bs-gray-100: #F8F9FA;
  --bs-gray-200: #ebebeb;
  --bs-gray-300: #d5d5d5;
  --bs-gray-400: #B7B7B7;
  --bs-gray-500: #989898;
  --bs-gray-600: #7A7A7A;
  --bs-gray-700: #5B5B5B;
  --bs-gray-800: #3d3d3d;
  --bs-gray-900: #1e1e1e;
  --bs-primary: #2A8467;
  --bs-secondary: #36393A;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #F8F9FA;
  --bs-dark: #1e1e1e;
  --bs-tertiary: #46B98C;
  --bs-primary-rgb: 42, 132, 103;
  --bs-secondary-rgb: 54, 57, 58;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 30, 30, 30;
  --bs-tertiary-rgb: 70, 185, 140;
  --bs-primary-text-emphasis: rgb(16.8, 52.8, 41.2);
  --bs-secondary-text-emphasis: rgb(21.6, 22.8, 23.2);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #5B5B5B;
  --bs-dark-text-emphasis: #5B5B5B;
  --bs-tertiary-text-emphasis: #1c4a38;
  --bs-primary-bg-subtle: rgb(212.4, 230.4, 224.6);
  --bs-secondary-bg-subtle: rgb(214.8, 215.4, 215.6);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #B7B7B7;
  --bs-tertiary-bg-subtle: #daf1e8;
  --bs-primary-border-subtle: rgb(169.8, 205.8, 194.2);
  --bs-secondary-border-subtle: rgb(174.6, 175.8, 176.2);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #ebebeb;
  --bs-dark-border-subtle: #989898;
  --bs-tertiary-border-subtle: #b5e3d1;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, 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: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #1e1e1e;
  --bs-body-color-rgb: 30, 30, 30;
  --bs-body-bg: #F7F8F8;
  --bs-body-bg-rgb: 247, 248, 248;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(30, 30, 30, 0.75);
  --bs-secondary-color-rgb: 30, 30, 30;
  --bs-secondary-bg: #ebebeb;
  --bs-secondary-bg-rgb: 235, 235, 235;
  --bs-tertiary-color: rgba(30, 30, 30, 0.5);
  --bs-tertiary-color-rgb: 30, 30, 30;
  --bs-tertiary-bg: #F8F9FA;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #2A8467;
  --bs-link-color-rgb: 42, 132, 103;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(33.6, 105.6, 82.4);
  --bs-link-hover-color-rgb: 34, 106, 82;
  --bs-code-color: #d63384;
  --bs-highlight-color: #1e1e1e;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #B7B7B7;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0;
  --bs-border-radius-sm: 0;
  --bs-border-radius-lg: 0;
  --bs-border-radius-xl: 0;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 0;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --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(42, 132, 103, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #d5d5d5;
  --bs-body-color-rgb: 213, 213, 213;
  --bs-body-bg: #1e1e1e;
  --bs-body-bg-rgb: 30, 30, 30;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(213, 213, 213, 0.75);
  --bs-secondary-color-rgb: 213, 213, 213;
  --bs-secondary-bg: #3d3d3d;
  --bs-secondary-bg-rgb: 61, 61, 61;
  --bs-tertiary-color: rgba(213, 213, 213, 0.5);
  --bs-tertiary-color-rgb: 213, 213, 213;
  --bs-tertiary-bg: rgb(45.5, 45.5, 45.5);
  --bs-tertiary-bg-rgb: 46, 46, 46;
  --bs-primary-text-emphasis: rgb(127.2, 181.2, 163.8);
  --bs-secondary-text-emphasis: rgb(134.4, 136.2, 136.8);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #F8F9FA;
  --bs-dark-text-emphasis: #d5d5d5;
  --bs-primary-bg-subtle: rgb(8.4, 26.4, 20.6);
  --bs-secondary-bg-subtle: rgb(10.8, 11.4, 11.6);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #3d3d3d;
  --bs-dark-bg-subtle: rgb(30.5, 30.5, 30.5);
  --bs-primary-border-subtle: rgb(25.2, 79.2, 61.8);
  --bs-secondary-border-subtle: rgb(32.4, 34.2, 34.8);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #5B5B5B;
  --bs-dark-border-subtle: #3d3d3d;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(127.2, 181.2, 163.8);
  --bs-link-hover-color: rgb(152.76, 195.96, 182.04);
  --bs-link-color-rgb: 127, 181, 164;
  --bs-link-hover-color-rgb: 153, 196, 182;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #d5d5d5;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #5B5B5B;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-tertiary {
  color: #000 !important;
  background-color: RGBA(var(--bs-tertiary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary:hover, .link-primary:focus {
  color: RGBA(34, 106, 82, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(34, 106, 82, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(34, 106, 82, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary:hover, .link-secondary:focus {
  color: RGBA(43, 46, 46, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(43, 46, 46, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(43, 46, 46, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:hover, .link-dark:focus {
  color: RGBA(24, 24, 24, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(24, 24, 24, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(24, 24, 24, var(--bs-link-underline-opacity, 1)) !important;
}

.link-tertiary {
  color: RGBA(var(--bs-tertiary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-tertiary-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-tertiary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-tertiary:hover, .link-tertiary:focus {
  color: RGBA(107, 199, 163, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(107, 199, 163, var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(107, 199, 163, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
          text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
          text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
          text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}

.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

/* CUSTOM CODE START -------------------------------------------------------------- */
.text-bg-gray-100 {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-100-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-200 {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-300 {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-300-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-400 {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-400-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-500 {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-600 {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-700 {
  color: #fff !important;
  background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-800 {
  color: #fff !important;
  background-color: RGBA(var(--bs-gray-800-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-900 {
  color: #fff !important;
  background-color: RGBA(var(--bs-gray-900-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-blue {
  color: #fff !important;
  background-color: RGBA(var(--bs-blue-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-indigo {
  color: #fff !important;
  background-color: RGBA(var(--bs-indigo-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple {
  color: #fff !important;
  background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-pink {
  color: #fff !important;
  background-color: RGBA(var(--bs-pink-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-red {
  color: #fff !important;
  background-color: RGBA(var(--bs-red-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-orange {
  color: #000 !important;
  background-color: RGBA(var(--bs-orange-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-yellow {
  color: #000 !important;
  background-color: RGBA(var(--bs-yellow-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green {
  color: #fff !important;
  background-color: RGBA(var(--bs-green-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-teal {
  color: #000 !important;
  background-color: RGBA(var(--bs-teal-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-cyan {
  color: #000 !important;
  background-color: RGBA(var(--bs-cyan-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-black {
  color: #fff !important;
  background-color: RGBA(var(--bs-black-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-white {
  color: #000 !important;
  background-color: RGBA(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray {
  color: #000 !important;
  background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-gray-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-surface-lowest {
  color: #000 !important;
  background-color: RGBA(var(--bs-surface-lowest-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-surface-low {
  color: #000 !important;
  background-color: RGBA(var(--bs-surface-low-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-surface {
  color: #000 !important;
  background-color: RGBA(var(--bs-surface-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-surface-high {
  color: #000 !important;
  background-color: RGBA(var(--bs-surface-high-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-surface-highest {
  color: #000 !important;
  background-color: RGBA(var(--bs-surface-highest-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-primary-hover:hover {
  background-color: rgb(35.7, 112.2, 87.55) !important;
}

.border-primary-hover:hover {
  border-color: rgb(35.7, 112.2, 87.55) !important;
}

.bg-secondary-hover:hover {
  background-color: rgb(45.9, 48.45, 49.3) !important;
}

.border-secondary-hover:hover {
  border-color: rgb(45.9, 48.45, 49.3) !important;
}

.bg-success-hover:hover {
  background-color: rgb(21.25, 114.75, 71.4) !important;
}

.border-success-hover:hover {
  border-color: rgb(21.25, 114.75, 71.4) !important;
}

.bg-info-hover:hover {
  background-color: rgb(49.3, 209.95, 242.25) !important;
}

.border-info-hover:hover {
  border-color: rgb(49.3, 209.95, 242.25) !important;
}

.bg-warning-hover:hover {
  background-color: rgb(255, 202.3, 44.2) !important;
}

.border-warning-hover:hover {
  border-color: rgb(255, 202.3, 44.2) !important;
}

.bg-danger-hover:hover {
  background-color: rgb(187, 45.05, 58.65) !important;
}

.border-danger-hover:hover {
  border-color: rgb(187, 45.05, 58.65) !important;
}

.bg-light-hover:hover {
  background-color: rgb(249.05, 249.9, 250.75) !important;
}

.border-light-hover:hover {
  border-color: rgb(249.05, 249.9, 250.75) !important;
}

.bg-dark-hover:hover {
  background-color: rgb(25.5, 25.5, 25.5) !important;
}

.border-dark-hover:hover {
  border-color: rgb(25.5, 25.5, 25.5) !important;
}

.bg-tertiary-hover:hover {
  background-color: rgb(97.75, 195.5, 157.25) !important;
}

.border-tertiary-hover:hover {
  border-color: rgb(97.75, 195.5, 157.25) !important;
}

.bg-primary-subtle-hover:hover {
  background-color: rgb(218.79, 234.09, 229.16) !important;
}

.bg-secondary-subtle-hover:hover {
  background-color: rgb(220.83, 221.34, 221.51) !important;
}

.bg-success-subtle-hover:hover {
  background-color: rgb(215.9, 234.6, 225.93) !important;
}

.bg-info-subtle-hover:hover {
  background-color: rgb(213.86, 245.99, 252.45) !important;
}

.bg-warning-subtle-hover:hover {
  background-color: rgb(255, 244.46, 212.84) !important;
}

.bg-danger-subtle-hover:hover {
  background-color: rgb(249.05, 220.66, 223.38) !important;
}

.bg-light-subtle-hover:hover {
  background-color: rgb(252.025, 252.45, 252.875) !important;
}

.bg-dark-subtle-hover:hover {
  background-color: rgb(193.8, 193.8, 193.8) !important;
}

.bg-tertiary-subtle-hover:hover {
  background-color: rgb(223.55, 243.1, 235.45) !important;
}

.border-primary-subtle-hover:hover {
  border-color: rgb(182.58, 213.18, 203.32) !important;
}

.border-secondary-subtle-hover:hover {
  border-color: rgb(186.66, 187.68, 188.02) !important;
}

.border-success-subtle-hover:hover {
  border-color: rgb(176.8, 214.2, 196.86) !important;
}

.border-info-subtle-hover:hover {
  border-color: rgb(172.72, 236.98, 249.9) !important;
}

.border-warning-subtle-hover:hover {
  border-color: rgb(255, 233.92, 170.68) !important;
}

.border-danger-subtle-hover:hover {
  border-color: rgb(243.1, 186.32, 191.76) !important;
}

.border-light-subtle-hover:hover {
  border-color: #eeeeee !important;
}

.border-dark-subtle-hover:hover {
  border-color: rgb(167.45, 167.45, 167.45) !important;
}

.border-tertiary-subtle-hover:hover {
  border-color: rgb(192.1, 231.2, 215.9) !important;
}

.bg-gray-100-hover:hover {
  background-color: rgb(249.05, 249.9, 250.75) !important;
}

.border-gray-100-hover:hover {
  border-color: rgb(249.05, 249.9, 250.75) !important;
}

.bg-gray-200-hover:hover {
  background-color: #eeeeee !important;
}

.border-gray-200-hover:hover {
  border-color: #eeeeee !important;
}

.bg-gray-300-hover:hover {
  background-color: rgb(219.3, 219.3, 219.3) !important;
}

.border-gray-300-hover:hover {
  border-color: rgb(219.3, 219.3, 219.3) !important;
}

.bg-gray-400-hover:hover {
  background-color: rgb(193.8, 193.8, 193.8) !important;
}

.border-gray-400-hover:hover {
  border-color: rgb(193.8, 193.8, 193.8) !important;
}

.bg-gray-500-hover:hover {
  background-color: rgb(167.45, 167.45, 167.45) !important;
}

.border-gray-500-hover:hover {
  border-color: rgb(167.45, 167.45, 167.45) !important;
}

.bg-gray-600-hover:hover {
  background-color: rgb(141.95, 141.95, 141.95) !important;
}

.border-gray-600-hover:hover {
  border-color: rgb(141.95, 141.95, 141.95) !important;
}

.bg-gray-700-hover:hover {
  background-color: rgb(77.35, 77.35, 77.35) !important;
}

.border-gray-700-hover:hover {
  border-color: rgb(77.35, 77.35, 77.35) !important;
}

.bg-gray-800-hover:hover {
  background-color: rgb(51.85, 51.85, 51.85) !important;
}

.border-gray-800-hover:hover {
  border-color: rgb(51.85, 51.85, 51.85) !important;
}

.bg-gray-900-hover:hover {
  background-color: rgb(25.5, 25.5, 25.5) !important;
}

.border-gray-900-hover:hover {
  border-color: rgb(25.5, 25.5, 25.5) !important;
}

.bg-surface-lowest-hover:hover {
  background-color: rgb(167.45, 167.45, 167.45) !important;
}

.bg-surface-low-hover:hover {
  background-color: rgb(193.8, 193.8, 193.8) !important;
}

.bg-surface-hover:hover {
  background-color: white !important;
}

.bg-surface-high-hover:hover {
  background-color: rgb(249.05, 249.9, 250.75) !important;
}

.bg-surface-highest-hover:hover {
  background-color: rgb(219.3, 219.3, 219.3) !important;
}

.subtitle-1 {
  font-size: 1.09375rem;
}

.subtitle-2 {
  font-size: 0.984375rem;
}

.subtitle-3 {
  font-size: 0.875rem;
}

.subtitle-4 {
  font-size: 0.765625rem;
}

.subtitle-5 {
  font-size: 0.765625rem;
}

.subtitle-6 {
  font-size: 0.765625rem;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-none {
  cursor: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

/* CUSTOM CODE END ---------------------------------------------------------------- */
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.w-10 {
  width: 10% !important;
}

.w-20 {
  width: 20% !important;
}

.w-33 {
  width: 33% !important;
}

.w-66 {
  width: 66% !important;
}

.w-1px {
  width: 1px !important;
}

.w-2px {
  width: 2px !important;
}

.w-4px {
  width: 4px !important;
}

.w-8px {
  width: 8px !important;
}

.w-16px {
  width: 16px !important;
}

.w-24px {
  width: 24px !important;
}

.w-32px {
  width: 32px !important;
}

.w-48px {
  width: 48px !important;
}

.w-64px {
  width: 64px !important;
}

.w-96px {
  width: 96px !important;
}

.w-120px {
  width: 120px !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.h-1px {
  height: 1px !important;
}

.h-2px {
  height: 2px !important;
}

.h-4px {
  height: 4px !important;
}

.h-8px {
  height: 8px !important;
}

.h-16px {
  height: 16px !important;
}

.h-24px {
  height: 24px !important;
}

.h-32px {
  height: 32px !important;
}

.h-48px {
  height: 48px !important;
}

.h-64px {
  height: 64px !important;
}

.h-96px {
  height: 96px !important;
}

.h-120px {
  height: 120px !important;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-100 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-200 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-300 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-400 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-500 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-600 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-700 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-800 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-900 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important;
}

.bg-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-indigo {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-indigo-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-pink {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-pink-rgb), var(--bs-bg-opacity)) !important;
}

.bg-red {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}

.bg-orange {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-orange-rgb), var(--bs-bg-opacity)) !important;
}

.bg-yellow {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}

.bg-green {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-teal {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-teal-rgb), var(--bs-bg-opacity)) !important;
}

.bg-cyan {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important;
}

.bg-gray-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-surface-lowest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-surface-lowest-rgb), var(--bs-bg-opacity)) !important;
}

.bg-surface-low {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-surface-low-rgb), var(--bs-bg-opacity)) !important;
}

.bg-surface {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-surface-rgb), var(--bs-bg-opacity)) !important;
}

.bg-surface-high {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-surface-high-rgb), var(--bs-bg-opacity)) !important;
}

.bg-surface-highest {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-surface-highest-rgb), var(--bs-bg-opacity)) !important;
}

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

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

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

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

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

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

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

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

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

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

.fs-1 {
  font-size: calc(1.34375rem + 1.125vw) !important;
}

.fs-2 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-3 {
  font-size: calc(1.278125rem + 0.3375vw) !important;
}

.fs-4 {
  font-size: calc(1.25625rem + 0.075vw) !important;
}

.fs-5 {
  font-size: 1.09375rem !important;
}

.fs-6 {
  font-size: 0.875rem !important;
}

.fs-4-5 {
  font-size: 1.125rem !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.shadow-none {
  box-shadow: none !important;
}

.shadow-1 {
  box-shadow: var(--ims-elevation-1) !important;
}

.shadow-2 {
  box-shadow: var(--ims-elevation-2) !important;
}

.shadow-3 {
  box-shadow: var(--ims-elevation-3) !important;
}

.shadow-4 {
  box-shadow: var(--ims-elevation-4) !important;
}

.shadow-5 {
  box-shadow: var(--ims-elevation-5) !important;
}

.shadow-6 {
  box-shadow: var(--ims-elevation-6) !important;
}

.shadow-7 {
  box-shadow: var(--ims-elevation-7) !important;
}

.shadow-8 {
  box-shadow: var(--ims-elevation-8) !important;
}

.shadow-sm {
  box-shadow: var(--ims-elevation-1) !important;
}

.shadow {
  box-shadow: var(--ims-elevation-3) !important;
}

.shadow-lg {
  box-shadow: var(--ims-elevation-5) !important;
}

.shadow-top {
  box-shadow: var(--ims-elevation-7) !important;
}

.shadow-bottom {
  box-shadow: var(--ims-elevation-8) !important;
}

.mw-1 {
  max-width: 1rem !important;
}

.mw-2 {
  max-width: 2rem !important;
}

.mw-3 {
  max-width: 3rem !important;
}

.mw-4 {
  max-width: 4rem !important;
}

.mw-5 {
  max-width: 5rem !important;
}

.mw-6 {
  max-width: 6rem !important;
}

.mw-7 {
  max-width: 7rem !important;
}

.mw-8 {
  max-width: 8rem !important;
}

.mw-9 {
  max-width: 9rem !important;
}

.mw-10 {
  max-width: 10rem !important;
}

.mw-11 {
  max-width: 11rem !important;
}

.mw-12 {
  max-width: 12rem !important;
}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-33 {
    width: 33% !important;
  }
  .w-sm-66 {
    width: 66% !important;
  }
  .w-sm-1px {
    width: 1px !important;
  }
  .w-sm-2px {
    width: 2px !important;
  }
  .w-sm-4px {
    width: 4px !important;
  }
  .w-sm-8px {
    width: 8px !important;
  }
  .w-sm-16px {
    width: 16px !important;
  }
  .w-sm-24px {
    width: 24px !important;
  }
  .w-sm-32px {
    width: 32px !important;
  }
  .w-sm-48px {
    width: 48px !important;
  }
  .w-sm-64px {
    width: 64px !important;
  }
  .w-sm-96px {
    width: 96px !important;
  }
  .w-sm-120px {
    width: 120px !important;
  }
  .opacity-sm-0 {
    opacity: 0 !important;
  }
  .opacity-sm-25 {
    opacity: 0.25 !important;
  }
  .opacity-sm-50 {
    opacity: 0.5 !important;
  }
  .opacity-sm-75 {
    opacity: 0.75 !important;
  }
  .opacity-sm-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-33 {
    width: 33% !important;
  }
  .w-md-66 {
    width: 66% !important;
  }
  .w-md-1px {
    width: 1px !important;
  }
  .w-md-2px {
    width: 2px !important;
  }
  .w-md-4px {
    width: 4px !important;
  }
  .w-md-8px {
    width: 8px !important;
  }
  .w-md-16px {
    width: 16px !important;
  }
  .w-md-24px {
    width: 24px !important;
  }
  .w-md-32px {
    width: 32px !important;
  }
  .w-md-48px {
    width: 48px !important;
  }
  .w-md-64px {
    width: 64px !important;
  }
  .w-md-96px {
    width: 96px !important;
  }
  .w-md-120px {
    width: 120px !important;
  }
  .opacity-md-0 {
    opacity: 0 !important;
  }
  .opacity-md-25 {
    opacity: 0.25 !important;
  }
  .opacity-md-50 {
    opacity: 0.5 !important;
  }
  .opacity-md-75 {
    opacity: 0.75 !important;
  }
  .opacity-md-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-33 {
    width: 33% !important;
  }
  .w-lg-66 {
    width: 66% !important;
  }
  .w-lg-1px {
    width: 1px !important;
  }
  .w-lg-2px {
    width: 2px !important;
  }
  .w-lg-4px {
    width: 4px !important;
  }
  .w-lg-8px {
    width: 8px !important;
  }
  .w-lg-16px {
    width: 16px !important;
  }
  .w-lg-24px {
    width: 24px !important;
  }
  .w-lg-32px {
    width: 32px !important;
  }
  .w-lg-48px {
    width: 48px !important;
  }
  .w-lg-64px {
    width: 64px !important;
  }
  .w-lg-96px {
    width: 96px !important;
  }
  .w-lg-120px {
    width: 120px !important;
  }
  .opacity-lg-0 {
    opacity: 0 !important;
  }
  .opacity-lg-25 {
    opacity: 0.25 !important;
  }
  .opacity-lg-50 {
    opacity: 0.5 !important;
  }
  .opacity-lg-75 {
    opacity: 0.75 !important;
  }
  .opacity-lg-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .w-xl-33 {
    width: 33% !important;
  }
  .w-xl-66 {
    width: 66% !important;
  }
  .w-xl-1px {
    width: 1px !important;
  }
  .w-xl-2px {
    width: 2px !important;
  }
  .w-xl-4px {
    width: 4px !important;
  }
  .w-xl-8px {
    width: 8px !important;
  }
  .w-xl-16px {
    width: 16px !important;
  }
  .w-xl-24px {
    width: 24px !important;
  }
  .w-xl-32px {
    width: 32px !important;
  }
  .w-xl-48px {
    width: 48px !important;
  }
  .w-xl-64px {
    width: 64px !important;
  }
  .w-xl-96px {
    width: 96px !important;
  }
  .w-xl-120px {
    width: 120px !important;
  }
  .opacity-xl-0 {
    opacity: 0 !important;
  }
  .opacity-xl-25 {
    opacity: 0.25 !important;
  }
  .opacity-xl-50 {
    opacity: 0.5 !important;
  }
  .opacity-xl-75 {
    opacity: 0.75 !important;
  }
  .opacity-xl-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 1400px) {
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
  .w-xxl-10 {
    width: 10% !important;
  }
  .w-xxl-20 {
    width: 20% !important;
  }
  .w-xxl-33 {
    width: 33% !important;
  }
  .w-xxl-66 {
    width: 66% !important;
  }
  .w-xxl-1px {
    width: 1px !important;
  }
  .w-xxl-2px {
    width: 2px !important;
  }
  .w-xxl-4px {
    width: 4px !important;
  }
  .w-xxl-8px {
    width: 8px !important;
  }
  .w-xxl-16px {
    width: 16px !important;
  }
  .w-xxl-24px {
    width: 24px !important;
  }
  .w-xxl-32px {
    width: 32px !important;
  }
  .w-xxl-48px {
    width: 48px !important;
  }
  .w-xxl-64px {
    width: 64px !important;
  }
  .w-xxl-96px {
    width: 96px !important;
  }
  .w-xxl-120px {
    width: 120px !important;
  }
  .opacity-xxl-0 {
    opacity: 0 !important;
  }
  .opacity-xxl-25 {
    opacity: 0.25 !important;
  }
  .opacity-xxl-50 {
    opacity: 0.5 !important;
  }
  .opacity-xxl-75 {
    opacity: 0.75 !important;
  }
  .opacity-xxl-100 {
    opacity: 1 !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.1875rem !important;
  }
  .fs-2 {
    font-size: 1.75rem !important;
  }
  .fs-3 {
    font-size: 1.53125rem !important;
  }
  .fs-4 {
    font-size: 1.3125rem !important;
  }
}
@media print {
  .opacity-print-0 {
    opacity: 0 !important;
  }
  .opacity-print-25 {
    opacity: 0.25 !important;
  }
  .opacity-print-50 {
    opacity: 0.5 !important;
  }
  .opacity-print-75 {
    opacity: 0.75 !important;
  }
  .opacity-print-100 {
    opacity: 1 !important;
  }
}
:root,
[data-bs-theme=light] {
  --bs-primary-100: rgb(148.5, 193.5, 179);
  --bs-primary-200: rgb(105.9, 168.9, 148.6);
  --bs-primary-300: rgb(84.6, 156.6, 133.4);
  --bs-primary-400: rgb(63.3, 144.3, 118.2);
  --bs-primary-500: #2A8467;
  --bs-primary-600: rgb(37.8, 118.8, 92.7);
  --bs-primary-700: rgb(33.6, 105.6, 82.4);
  --bs-primary-800: rgb(29.4, 92.4, 72.1);
  --bs-primary-900: rgb(21, 66, 51.5);
  --bs-blue-rgb: 13, 110, 253;
  --bs-indigo-rgb: 102, 16, 242;
  --bs-purple-rgb: 111, 66, 193;
  --bs-pink-rgb: 214, 51, 132;
  --bs-red-rgb: 220, 53, 69;
  --bs-orange-rgb: 253, 126, 20;
  --bs-yellow-rgb: 255, 193, 7;
  --bs-green-rgb: 25, 135, 84;
  --bs-teal-rgb: 32, 201, 151;
  --bs-cyan-rgb: 13, 202, 240;
  --bs-black-rgb: 0, 0, 0;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-rgb: 122, 122, 122;
  --bs-gray-dark-rgb: 61, 61, 61;
  --bs-primary-hover: rgb(35.7, 112.2, 87.55);
  --bs-secondary-hover: rgb(45.9, 48.45, 49.3);
  --bs-success-hover: rgb(21.25, 114.75, 71.4);
  --bs-info-hover: rgb(49.3, 209.95, 242.25);
  --bs-warning-hover: rgb(255, 202.3, 44.2);
  --bs-danger-hover: rgb(187, 45.05, 58.65);
  --bs-light-hover: rgb(249.05, 249.9, 250.75);
  --bs-dark-hover: rgb(25.5, 25.5, 25.5);
  --bs-tertiary-hover: rgb(97.75, 195.5, 157.25);
  --bs-primary-bg-subtle-hover: rgb(218.79, 234.09, 229.16);
  --bs-secondary-bg-subtle-hover: rgb(220.83, 221.34, 221.51);
  --bs-success-bg-subtle-hover: rgb(215.9, 234.6, 225.93);
  --bs-info-bg-subtle-hover: rgb(213.86, 245.99, 252.45);
  --bs-warning-bg-subtle-hover: rgb(255, 244.46, 212.84);
  --bs-danger-bg-subtle-hover: rgb(249.05, 220.66, 223.38);
  --bs-light-bg-subtle-hover: rgb(252.025, 252.45, 252.875);
  --bs-dark-bg-subtle-hover: rgb(193.8, 193.8, 193.8);
  --bs-tertiary-bg-subtle-hover: rgb(223.55, 243.1, 235.45);
  --bs-primary-border-subtle-hover: rgb(182.58, 213.18, 203.32);
  --bs-secondary-border-subtle-hover: rgb(186.66, 187.68, 188.02);
  --bs-success-border-subtle-hover: rgb(176.8, 214.2, 196.86);
  --bs-info-border-subtle-hover: rgb(172.72, 236.98, 249.9);
  --bs-warning-border-subtle-hover: rgb(255, 233.92, 170.68);
  --bs-danger-border-subtle-hover: rgb(243.1, 186.32, 191.76);
  --bs-light-border-subtle-hover: #eeeeee;
  --bs-dark-border-subtle-hover: rgb(167.45, 167.45, 167.45);
  --bs-tertiary-border-subtle-hover: rgb(192.1, 231.2, 215.9);
  --bs-gray-100-rgb: 248, 249, 250;
  --bs-gray-200-rgb: 235, 235, 235;
  --bs-gray-300-rgb: 213, 213, 213;
  --bs-gray-400-rgb: 183, 183, 183;
  --bs-gray-500-rgb: 152, 152, 152;
  --bs-gray-600-rgb: 122, 122, 122;
  --bs-gray-700-rgb: 91, 91, 91;
  --bs-gray-800-rgb: 61, 61, 61;
  --bs-gray-900-rgb: 30, 30, 30;
  --bs-gray-100-hover: rgb(249.05, 249.9, 250.75);
  --bs-gray-200-hover: #eeeeee;
  --bs-gray-300-hover: rgb(219.3, 219.3, 219.3);
  --bs-gray-400-hover: rgb(193.8, 193.8, 193.8);
  --bs-gray-500-hover: rgb(167.45, 167.45, 167.45);
  --bs-gray-600-hover: rgb(141.95, 141.95, 141.95);
  --bs-gray-700-hover: rgb(77.35, 77.35, 77.35);
  --bs-gray-800-hover: rgb(51.85, 51.85, 51.85);
  --bs-gray-900-hover: rgb(25.5, 25.5, 25.5);
  --bs-surface-lowest: #989898;
  --bs-surface-low: #B7B7B7;
  --bs-surface: #fff;
  --bs-surface-high: #F8F9FA;
  --bs-surface-highest: #d5d5d5;
  --bs-surface-lowest-rgb: 152, 152, 152;
  --bs-surface-low-rgb: 183, 183, 183;
  --bs-surface-rgb: 255, 255, 255;
  --bs-surface-high-rgb: 248, 249, 250;
  --bs-surface-highest-rgb: 213, 213, 213;
  --bs-surface-lowest-hover: rgb(167.45, 167.45, 167.45);
  --bs-surface-low-hover: rgb(193.8, 193.8, 193.8);
  --bs-surface-hover: white;
  --bs-surface-high-hover: rgb(249.05, 249.9, 250.75);
  --bs-surface-highest-hover: rgb(219.3, 219.3, 219.3);
  --bs-on-primary: #fff;
  --bs-on-secondary: #fff;
  --bs-on-tertiary: #000;
  --bs-primary-dark: rgb(35.8448275862, 112.6551724138, 87.9051724138);
  --bs-primary-light: rgb(48.1551724138, 151.3448275862, 118.0948275862);
  --bs-primary-lightest: rgb(54.3103448276, 170.6896551724, 133.1896551724);
  --bs-border-color-rgb: 183, 183, 183;
  --bs-border-color-subtle: #d5d5d5;
  --bs-border-color-subtle-rgb: 213, 213, 213;
  --ims-button__border-radius: 2rem;
  --ims-form-input__border-radius: 0;
  --ims-badge__border-radius: 0.25rem;
  --ims-toggler__border-radius: 0;
  --ims-form-input__hover: rgba(var(--bs-gray-400-rgb), 0.3);
  --ims-key-card__border-radius: 0;
  --ims-panel__border-radius: 0;
  --ims-panel__border-radius-sm: 0;
  --ims-panel__border-radius-lg: 0;
  --ims-panel__border-radius-xl: 0;
  --ims-card--image-horizontal__border-radius: 0 0 0 0;
  --ims-card--image-vertical__border-radius: 0 0 0 0;
  --ims-card--image-horizontal__border-radius-sm: 0 0 0 0;
  --ims-card--image-vertical__border-radius-sm: 0 0 0 0;
  --ims-card--image-horizontal__border-radius-lg: 0 0 0 0;
  --ims-card--image-vertical__border-radius-lg: 0 0 0 0;
  --ims-modal__border-radius: --ims-panel__border-radius-xl;
}
/*# sourceMappingURL=maps/bootstrap.custom.css.map */

:root {
  --ims-elevation-0: 0 0;
  --ims-elevation-1: 0 1px 1px 0 rgba(0, 0, 0, 0.14),
              0 1px 0px -2px rgba(0, 0, 0, 0.2),
              0 0px 3px 0 rgba(0, 0, 0, 0.12);
  --ims-elevation-2: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
            0 3px 1px -2px rgba(0, 0, 0, 0.2),
            0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --ims-elevation-3: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
            0 3px 3px -2px rgba(0, 0, 0, 0.2),
            0 1px 8px 0 rgba(0, 0, 0, 0.12);
  --ims-elevation-4: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
            0 1px 10px 0 rgba(0, 0, 0, 0.12),
            0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --ims-elevation-5: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
            0 1px 18px 0 rgba(0, 0, 0, 0.12),
            0 3px 5px -1px rgba(0, 0, 0, 0.2);
  --ims-elevation-6: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
            0 3px 14px 2px rgba(0, 0, 0, 0.12),
            0 5px 5px -3px rgba(0, 0, 0, 0.2);
  --ims-elevation-7: -1px -14px 10px -10px rgba(0, 0, 0, 0.14),
            0 0px 0px 0px rgba(0, 0, 0, 0.12),
            0 0px 0px 0px rgba(0, 0, 0, 0.2);
  --ims-elevation-8: 0px 12px 10px -5px rgba(0, 0, 0, 0.14),
            0 0px 0px 0px rgba(0, 0, 0, 0.12),
            0 0px 0px 0px rgba(0, 0, 0, 0.2);
}

:root {
  --ims-sys-shape-extra-large: 28px;
  --ims-sys-shape-extra-large-top: 28px 28px 0px 0px;
  --ims-sys-shape-extra-small: 4px;
  --ims-sys-shape-extra-small-top: 4px 4px 0px 0px;
  --ims-sys-shape-full: 9999px;
  --ims-sys-shape-large: 16px;
  --ims-sys-shape-large-end: 0px 16px 16px 0px;
  --ims-sys-shape-large-start: 16px 0px 0px 16px;
  --ims-sys-shape-large-top: 16px 16px 0px 0px;
  --ims-sys-shape-medium: 12px;
  --ims-sys-shape-none: 0px;
  --ims-sys-shape-small: 8px;
}

:root {
  --ims-sys-state-dragged-state-layer-opacity: 0.16;
  --ims-sys-state-focus-state-layer-opacity: 0.12;
  --ims-sys-state-hover-state-layer-opacity: 0.08;
  --ims-sys-state-pressed-state-layer-opacity: 0.12;
}

/*Accessibility-Barrierefreiheit
When we use px, it means that we hardcode the font-size to all of the users. 
The user can't change the value whatsoever. 
This actually troubles the user that wants to have a bigger font-size from the default
*/
.ims-comp-base-surface.bg-primary,
.ims-comp-base-surface .bg-secondary,
.ims-comp-base-surface .bg-danger {
  color: var(--bs-white) !important;
}

:root {
  --ims-comp-footer-link-color: var(--bs-body-color);
  --ims-comp-footer-link-color-hover: var(--bs-primary-dark);
  --ims-comp-footer-info-color: var(--bs-body-color);
  --ims-comp-footer-dropdown-bg:var(--bs-white);
  --ims-comp-footer-dropdown-item-bg-hover: var(--bs-primary);
  --ims-comp-footer-dropdown-link-item-color: var(--bs-body-color);
  --ims-comp-footer-dropdown-link-item-color-hover: var(---bs-white);
}

:root {
  --ims-widget-prefilter-bg-color: var(--bs-surface);
  --ims-widget-prefilter-color: var(--bs-body-color);
  --ims-widget-prefilter-box-shadow: 0;
  --ims-widget-prefilter-color-title-link: var(--bs-primary);
}

:root {
  --ims-widget-teaser-caption-bg-color: rgba(var(--bs-white-rgb), 0.8);
}

/* list of all global variables */
/* ------------------------------------------------------------- */
/*
/*  CSS VARIABLES
/*
/* ------------------------------------------------------------- */
:root {
  --ims-body__font-size: 0.875rem;
  --ims-body__font-size-sm: 0.75rem;
  --ims-body__font-size-lg: 1rem;
  --ims-body__font-family: $ims-body__font-family;
  --ims-h1__font-size: 2.5rem;
  --ims-h1__font-family: var(--ims-header__font-family);
  --ims-h1__text-transform: none;
  --ims-h2__font-size: 2rem;
  --ims-h2__font-family: var(--ims-header__font-family);
  --ims-h2__text-transform: none;
  --ims-h3__font-size: 1.75rem;
  --ims-h3__font-family: var(--ims-header__font-family);
  --ims-h3__text-transform: none;
  --ims-h4__font-size: 1.5rem;
  --ims-h4__font-family: var(--ims-header__font-family);
  --ims-h4__text-transform: none;
  --ims-h5__font-size: 1.25rem;
  --ims-h5__font-family: var(--ims-header__font-family);
  --ims-h5__text-transform: none;
  --ims-h6__font-size: 1.125rem;
  --ims-h6__font-family: var(--ims-header__font-family);
  --ims-h6__text-transform: none;
  --ims-link-decoration: none;
  --ims-link-decoration-hover: none;
}

@font-face {
  font-family: "TheSansLP6SeBld";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/TheSans-LP6SeBld.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansLP6SeLig";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/TheSans-LP4SeLig.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "IndustrieCondensedBold";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/FSIndustrieCd-Bold.woff");
  font-weight: normal;
  font-style: normal;
}
.ims-comp-base-surface.bg-primary,
.ims-comp-base-surface .bg-secondary,
.ims-comp-base-surface .bg-danger {
  color: var(--bs-white) !important;
}

:root {
  --bs-body-bg: #ebebeb;
}

:root {
  --ims-widget-teaser-caption-bg-color: rgba(var(--bs-white-rgb), 1);
}

.ims-widget-course-catalog .dropdown-toggle, .resourceSearchResultListWidget .dropdown-toggle {
  border-radius: 0 !important;
}

.ims-widget-course-catalog .ims-filter-component .btn, .ims-widget-course-catalog .ims-filter-component .ims-comp-base-button, .ims-widget-course-catalog #filterComponent .btn, .ims-widget-course-catalog #filterComponent .ims-comp-base-button, .resourceSearchResultListWidget .ims-filter-component .btn, .resourceSearchResultListWidget .ims-filter-component .ims-comp-base-button, .resourceSearchResultListWidget #filterComponent .btn, .resourceSearchResultListWidget #filterComponent .ims-comp-base-button {
  border-radius: 0 !important;
}

.ims-widget-course-catalog .ims-filter-component .ims-comp-base-dropdown, .ims-widget-course-catalog #filterComponent .ims-comp-base-dropdown, .resourceSearchResultListWidget .ims-filter-component .ims-comp-base-dropdown, .resourceSearchResultListWidget #filterComponent .ims-comp-base-dropdown {
  border-radius: 0 !important;
}

.ims-widget-course-catalog .ims-filter-component .rounded-pill, .ims-widget-course-catalog .ims-filter-component .rounded-circle, .ims-widget-course-catalog #filterComponent .rounded-pill, .ims-widget-course-catalog #filterComponent .rounded-circle, .resourceSearchResultListWidget .ims-filter-component .rounded-pill, .resourceSearchResultListWidget .ims-filter-component .rounded-circle, .resourceSearchResultListWidget #filterComponent .rounded-pill, .resourceSearchResultListWidget #filterComponent .rounded-circle {
  border-radius: 2rem !important;
}

.ims-widget-course-details .rounded-pill, .ims-widget-course-details .rounded-circle {
  border-radius: 2rem !important;
}

:root {
  --ims-widget-prefilter-box-shadow: none;
}

:root {
  --ims-comp-footer-link-color: var(--bs-white);
  --ims-comp-footer-link-color-hover: var(--bs-primary);
  --ims-comp-footer-info-color: var(--bs-white);
  --ims-comp-footer-dropdown-bg:var(--bs-body-color);
  --ims-comp-footer-dropdown-item-bg-hover: var(--bs-body-color);
  --ims-comp-footer-dropdown-link-item-color: var(--bs-white);
  --ims-comp-footer-dropdown-link-item-color-hover: var(--bs-primary);
}

:root {
  --ims-border__radius--0: 0rem;
  --ims-border__radius--25: 0.125rem;
  --ims-border__radius--50: 0.25rem;
  --ims-border__radius--75: 0.375rem;
  --ims-border__radius--100: 0.5rem;
  --ims-border__radius--160: 0.75rem;
  --ims-border__radius--175: 0.875rem;
  --ims-border__radius--200: 1rem;
  --ims-border__radius--250: 1.25rem;
  --ims-border__radius--300: 1.5rem;
  --ims-border__radius--400: 2rem;
  --ims-border__radius--625: 3.125rem;
  --ims-border__width--0: 0rem;
  --ims-border__width--1: 0.0625rem;
  --ims-border__width--2: 0.125rem;
  --ims-border__width--3: 0.1875rem;
  --ims-border__width--4: 0.25rem;
  --ims-elevation__dp--10: 0 0.25rem 0.75rem -0.125rem rgba(0, 0, 0, 0.2);
  --ims-elevation__dp--20: 0 0.25rem 0.75rem -0.125rem rgba(0, 0, 0, 0.32);
  --ims-elevation__dp--25: 0 0 0 0.125rem rgba(70, 140, 220, 0.5);
  --ims-spacing--0: 0;
  --ims-spacing--5: 0.125rem;
  --ims-spacing--10: 0.25rem;
  --ims-spacing--15: 0.375rem;
  --ims-spacing--20: 0.5rem;
  --ims-spacing--25: 0.625rem;
  --ims-spacing--30: 0.75rem;
  --ims-spacing--35: 0.875rem;
  --ims-spacing--40: 1rem;
  --ims-spacing--45: 1.125rem;
  --ims-spacing--50: 1.25rem;
  --ims-spacing--60: 1.5rem;
  --ims-spacing--75: 1.875rem;
  --ims-spacing--80: 2rem;
  --ims-spacing--100: 2.5rem;
  --ims-spacing--120: 3rem;
  --ims-spacing--150: 3.75rem;
  --ims-spacing--160: 4rem;
  --ims-spacing--200: 5rem;
  --ims-spacing--240: 6rem;
  --ims-spacing--320: 8rem;
  --ims-spacing--400: 10rem;
  --ims-spacing--640: 16rem;
  --ims-border__radius--100: 0.5rem;
  --ims-border__radius--300: 1.5rem;
  --ims-body__font-family: Open Sans, Arial, sans-serif;
  --ims-header__font-family: Open Sans, Arial, sans-serif;
  --ims-font__size--60: 0.75rem;
  --ims-font__size--80: 0.8125rem;
  --ims-font__size--100: 0.875rem;
  --ims-font__size--200: 1rem;
  --ims-font__size--300: 1.125rem;
  --ims-font__size--400: 1.25rem;
  --ims-font__size--500: 1.5rem;
  --ims-font__size--600: 1.75rem;
  --ims-font__size--700: 2rem;
  --ims-font__size--800: 2.25rem;
  --ims-font__size--900: 2.5rem;
  --ims-font__weight--medium: 500;
  --ims-font__weight--semibold: 600;
  --ims-font__weight--bold: 700;
  --ims-font__line-height--reset: 100%;
  --ims-font__line-height--heading: 125%;
  --ims-font__line-height--label: 125%;
  --ims-font__line-height--body: 150%;
  --ims-buttonBorderRadius: 0.25rem;
  --ims-buttonBorderRadius-custom: 0.25rem;
  --ims-buttonBorderWidth: 1px;
  --ims-buttonPaddingX: var(--ims-spacing--40);
  --ims-buttonPaddingY: var(--ims-spacing--20);
  --ims-inputBorderWidth: 1px;
  --ims-inputPaddingX: 1rem;
  --ims-inputPaddingY: 0.5rem;
  --ims-colInputFocus: var(--bs-primary);
  --ims-colInputFocus-rgb: var(--bs-primary-rgb);
  --ims-form-label__color: var(--bs-border-color);
  --ims-form-bg__color--hovered: var(--bs-border-color-subtle);
  --ims-containerBorderRadius: 0rem;
  --ims-card__border-color: var(--bs-on-primary);
  --ims-card__bg-color: var(--bs-on-primary);
  --ims-card__spacing-all: var(--ims-spacing--25);
  --ims-card__shadow: var(--ims-elevation__dp--0);
  --ims-imsHeaderNavDefaultBackgroundColor: var(--bs-primary);
  --ims-imsHeaderSubnavColor: var(--bs-border-color-subtle);
  --ims-imsHeaderSubnavColor-variant: var(--bs-border-color-subtle);
  --ims-imsHeaderNavFontHoverColor: var(--bs-on-primary);
  --ims-imsHeaderColorTheme: var(--bs-border-color-subtle);
  --ims-imsHeaderRibbonColorTheme: var(--bs-on-primary);
  --ims-btn-primary__font-color: var(--bs-white);
  --ims-btn-primary__font-color--hovered: var(--bs-white);
  --ims-btn-primary__border-color: var(--bs-primary);
  --ims-btn-primary__border-color--hovered: var(--bs-primary-hover);
  --ims-btn-primary__background: var(--bs-primary);
  --ims-btn-primary__background--hovered: var(--bs-primary-hover);
  --ims-btn-primary__background--active: var(--bs-primary-600);
  --ims-btn-primary-subtle__font-color: var(--bs-primary-500);
  --ims-btn-primary-subtle__font-color--hovered: var(--bs-white);
  --ims-btn-primary-subtle__border-color: var(--bs-primary);
  --ims-btn-primary-subtle__border-color--hovered: var(--bs-primary-hover);
  --ims-btn-primary-subtle__background: var(--bs-btn-disabled-bg);
  --ims-btn-primary-subtle__background--hovered: var(--bs-primary);
  --ims-btn-primary-subtle__background--active: var(--bs-primary);
  --ims-btn-secondary__font-color: var(--bs-white);
  --ims-btn-secondary__font-color--hovered: var(--bs-white);
  --ims-btn-secondary__border-color: var(--bs-secondary);
  --ims-btn-secondary__border-color--hovered: var(--bs-secondary-hover);
  --ims-btn-secondary__background: var(--bs-secondary);
  --ims-btn-secondary__background--hovered: var(--bs-secondary-hover);
  --ims-btn-secondary__background--active: rgba(var(--bs-secondary-rgb), 0.6);
  --ims-btn-secondary-subtle__font-color: var(--bs-secondary);
  --ims-btn-secondary-subtle__font-color--hovered: var(--bs-white);
  --ims-btn-secondary-subtle__border-color: var(--bs-secondary);
  --ims-btn-secondary-subtle__border-color: var(--bs-secondary);
  --ims-btn-secondary-subtle__background: var(--bs-btn-disabled-bg);
  --ims-btn-secondary-subtle__background--hovered: var(--bs-secondary);
  --ims-btn-secondary-subtle__background--active: var(--bs-secondary);
  --ims-btn-tertiary__font-color: var(--bs-dark);
  --ims-btn-tertiary__font-color--hovered: var(--bs-dark);
  --ims-btn-tertiary__border-color: var(--bs-tertiary);
  --ims-btn-tertiary__border-color--hovered: var(--bs-tertiary-hover);
  --ims-btn-tertiary__background: var(--bs-tertiary);
  --ims-btn-tertiary__background--hovered: var(--bs-tertiary-hover);
  --ims-btn-tertiary__background--active: var(--bs-tertiary-hover);
  --ims-btn-light__font-color: var(--bs-dark);
  --ims-btn-light__font-color--hovered: var(--bs-dark);
  --ims-btn-light__border-color: rgba(206, 212, 218, 0.8);
  --ims-btn-light__border-color--hovered: #ced4da;
  --ims-btn-light__background: rgba(206, 212, 218, 0.8);
  --ims-btn-light__background--hovered: #ced4da;
  --ims-btn-light__background--active: #ced4da;
  --ims-comp-base-switch-secondary-color: var(--bs-secondary);
  --ims-comp-base-switch-secondary-border-color: var(--bs-secondary);
  --ims-comp-base-switch-secondary-label-color: var(--bs-secondary);
  --ims-comp-base-switch-secondary-check-color: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  --ims-btn-menu__background: var(--bs-primary);
  --ims-dd-menu__spacing: var(--ims-spacing--0) var(--ims-spacing--0);
  --ims-dd-menu__dd-item__spacing: var(--ims-spacing--15) var(--ims-spacing--40);
  --ims-dd-menu__dd-item__font-color--hovered: var(--bs-on-primary);
  --ims-btn-link__text--hovered: var(--bs-primary-dark);
  --ims-switch-field__checked-bg: var(--ims-btn-secondary__border-color);
  --ims-size--50: 4rem;
  --ims-size--100: 8rem;
  --ims-header__top-row__bg-color: var(--bs-secondary);
  --ims-header__second-row__bg-color: var(--bs-white);
  --ims-header__top-row__bg-color: var(--bs-secondary);
  --ims-header__menu-padding-l: var(--ims-spacing--80);
  --ims-header__menu-padding-r: var(--ims-spacing--80);
  --ims-header__menu-item__margin-r: var(--ims-spacing--45);
  --ims-header-sticked__menu-item__margin-r: var(--ims-spacing--25);
  --ims-header__menu-item__font-color: var(--bs-body-color);
  --ims-header__menu-item__font-color--active: var(--bs-primary);
  --ims-header__main-nav__border-bottom: transparent;
  --ims-header-mobile__bg-color: #f4f4f4;
  --ims-header-mobile__top-row__bg-color: #f4f4f4;
  --ims-header-mobile-top-spacing: 3;
  --ims-header-mobile-height-calc: var(--fixed-header-height);
  --ims-header-mobile-logo__height: 2.1rem;
  --ims-sticky-header-ribbon-top-spacing: 10.68rem;
  --ims-main-nav-link-item--hover: var(--bs-primary);
  --ims-main-nav-link-item-dropdown--hover: var(--bs-primary);
  --ims-comp-base-nav-pills-nav-link--active: var(--bs-primary-light);
  --ims-header-nav-bar-toggler__color: var(--bs-body-color);
  --ims-header-nav-bar-toggler__border-color: var(--bs-border-color);
  --ims-header-nav-bar-toggler__bg-color: var(--ims-header-nav-bar-toggler__bg-color);
  --ims-footer__main-row__bg-color: var(--bs-secondary);
  --ims-comp-sticky-bottom__bg-color: var(--bs-white);
  --ims-comp-sticky-bottom__text-color: var(--bs-body);
  --ims-comp-sticky-bottom__button-text-color: var(--ims-btn-primary__font-color);
  --ims-comp-sticky-bottom__button-bg-color: var(--ims-btn-primary__background);
  --ims-comp-sticky-bottom__button-border-color: var(--ims-btn-primary__border-color);
  --ims-cs__main__bg-color: var(--bs-surface-low);
  --ims-card__bg-color--neutral: var(--bs-border-color-subtle);
  --ims-kpi__bg-hovered:var(--bs-border-color-subtle);
  --ims-widget-teaser-button_border-radius:var(--ims-button__border-radius);
  --ims-sidebar__navitem-bg: #64a0e6;
  --ims-sidebar__navitem-bg--hover: #4989cd;
  --ims-btn__pulsating-circle-color-before: var(--ims-color__primary--100);
  --ims-btn__pulsating-circle-color-after: var(--ims-color__primary--100);
  --BaseContainerMaxWidth: 1400px;
}

/* -------------------------------------- */
/*
/*  Core Overrides - common customization controlled via SASS variables
/*  this is mainly used when customization via simple css variables is not possible (i.e. flags / conditionals)
/*
/* -------------------------------------- */
.ims-comp-base-image.brand {
  border-top-left-radius: var(--ims-panel__border-radius) !important;
  border-top-right-radius: var(--ims-panel__border-radius) !important;
}

.ims-comp-base-image.brand span {
  border-radius: 0 0 0 0 !important;
}

.ims-comp-base-card .image-flex.horizontal .ims-comp-base-image.brand {
  border-top-left-radius: var(--ims-panel__border-radius) !important;
  border-bottom-left-radius: var(--ims-panel__border-radius) !important;
}

.ims-comp-base-card .image-flex.horizontal .ims-comp-base-image.brand span {
  border-radius: 0 0 0 0 !important;
}

.dropdown-menu {
  border-radius: var(--ims-panel__border-radius) !important;
}

.headerTopBar a.nav-link {
  color: var(--bs-white) !important;
}

.headerTopBar a.nav-link:hover {
  color: var(--ims-header__menu-item__font-color--active) !important;
}

.headerTopBar a.nav-link:hover .ims-icon {
  color: var(--ims-header__menu-item__font-color--active) !important;
}

.headerTopBar a.nav-link.router-link-active {
  color: var(--ims-header__menu-item__font-color--active) !important;
}

.headerTopBar #ims-headerNav .nav-item.dropdown:hover .nav-link.dropdown-toggle {
  color: var(--ims-header__menu-item__font-color);
}

.headerTopBar #ims-headerNav .nav-item.dropdown:hover #ie-stat-02 .dropdown-item .nav-link.ims-comp-base-link {
  color: var(--ims-header__menu-item__font-color);
}

.headerTopBar #ims-headerNav .nav-item.dropdown:hover #ie-stat-02 .dropdown-item:hover .nav-link.ims-comp-base-link {
  color: var(--bs-white) !important;
  background-color: var(--bs-primary);
}

.ims-comp-base-page-header:has(.headerBottomBar) .ims-comp-base-page-header #pageHeaderDesktop .ims-main-nav {
  margin-left: 0;
}

/* --------------- shared variable + function ---------------- */
/* ----------------------------------------------------------- */
/* list of all mixins */
/* list of all extends */
@font-face {
  font-family: "SofiaSansExtraCondensed-ExtraBold";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/SofiaSansExtraCondensed-ExtraBold.ttf");
  font-weight: 800;
  font-style: normal;
  font-size: 105%;
}
@font-face {
  font-family: "SourceSans3-Regular";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/SourceSans3-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-size: 115%;
  letter-spacing: 0.025;
}
@font-face {
  font-family: "SourceSans3-SemiBold";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/SourceSans3-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SofiaSansExtraCondensed-Regular";
  src: url("/Content/themes/customized/straumann/straumann-theme/assets/SofiaSansExtraCondensed-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
body {
  font-family: SourceSans3-Regular, "Open Sans", Arial, sans-serif;
}

@media (min-width: 1200px) {
  h1 {
    font-family: SofiaSansExtraCondensed-ExtraBold, "Open Sans", Arial, sans-serif;
    line-height: 0.9;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    font-size: 3.5rem;
  }
  h2 {
    font-family: SourceSans3-Regular, "Open Sans", Arial, sans-serif;
    line-height: 0.9;
    text-transform: none;
    font-style: normal;
    letter-spacing: normal;
    font-size: 2.5rem;
  }
  h3 {
    font-weight: bold;
    font-family: SourceSans3-SemiBold, "Open Sans", Arial, sans-serif;
  }
  h4 {
    font-weight: bold;
    font-family: SourceSans3-SemiBold, "Open Sans", Arial, sans-serif;
  }
}
h5, h6 {
  font-family: SourceSans3-Regular, "Open Sans", Arial, sans-serif;
}

.ims-page-subtitle {
  font-size: 1.625rem;
}

.ims-full-width-inner-card-container h2 {
  font-size: var(--ims-font__size--500);
}

.ims-full-width-inner-card-container h2:hover {
  text-decoration: underline;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: underline !important;
}

@media (max-width: 1199px) {
  h1 {
    text-transform: uppercase;
    font-family: SofiaSansExtraCondensed-ExtraBold, "Open Sans", Arial, sans-serif;
  }
  h2 {
    font-family: SourceSans3-Regular, "Open Sans", Arial, sans-serif;
  }
  h3 {
    font-weight: bold;
    font-family: SourceSans3-SemiBold, "Open Sans", Arial, sans-serif;
  }
}
#pageHeaderDesktop .dropdown-item {
  background-color: var(--bs-body-color);
}

#pageHeaderDesktop .dropdown-item:hover {
  color: var(--bs-primary) !important;
  background-color: var(--bs-body-color) !important;
}

#pageHeaderDesktop .dropdown-item:hover .nav-link {
  color: var(--bs-primary) !important;
  background-color: var(--bs-body-color) !important;
}

#pageHeaderDesktop .dropdown-item:hover .nav-link:hover {
  color: var(--bs-primary) !important;
}

#pageHeaderDesktop .dropdown-item:hover .nav-link:hover span {
  color: var(--bs-primary) !important;
}

#pageHeaderDesktop .dropdown-item a:not(.btn).nav-link, #pageHeaderDesktop .dropdown-item .ims-link.nav-link {
  color: var(--bs-white);
}

.htmlEditorWidget .ims-tile {
  color: var(--bs-on-primary);
}

.preFilterCategory {
  background-color: var(--bs-white);
}

.preFilterCategory.light {
  background-color: var(--bs-white) !important;
  box-shadow: none !important;
}

.preFilterCategory.light div.preFilterInfoBox > * {
  color: var(--bs-body-color);
}

.preFilterCategory.light div.preFilterInfoBox > *:hover {
  color: var(--bs-body-color);
}

.ims-widgetContainer.trainingDetailsWidget h1 {
  color: var(--bs-body-color);
}

.preFilterWidget .card {
  background-color: var(--bs-white);
}

.preFilterWidget .card .card-title, .preFilterWidget .card .card-text {
  color: var(--bs-body-color);
}

.preFilterWidget .card .card-title:hover, .preFilterWidget .card .card-text:hover {
  color: var(--bs-body-color);
}

.carousel .ims-basecard {
  padding: 0 !important;
  border: 0px solid var(--ims-card__border-color) !important;
}

.carousel h3, .carousel p {
  color: var(--bs-body-color);
}

.carouselWidget {
  margin-top: -1.875rem;
}

.cardWidget .ims-basecard {
  padding: 0 !important;
}

.cardWidget .ims-basecard .card-header {
  margin-left: var(--ims-spacing--40);
}

.cardWidget .ims-basecard .card-header .card-header {
  margin-left: var(--ims-spacing--0);
}

.cardWidget .ims-basecard .card-text {
  margin-left: var(--ims-spacing--40);
}

.cardWidget .ims-basecard .btn {
  margin-top: var(--ims-spacing--40);
  margin-left: var(--ims-spacing--40);
  margin-bottom: var(--ims-spacing--40);
}

.cardWidget .ims-basecard .btn-link {
  margin-left: var(--ims-spacing--0) !important;
}

.cardWidget .ims-basecard .card-footer {
  margin-bottom: var(--ims-spacing--40);
  margin-left: var(--ims-spacing--40);
}

.teaserWidget .carousel-control-prev .carousel-control-prev-icon, .teaserWidget .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-color: transparent !important;
}

.teaserWidget .carousel-control-next .carousel-control-next-icon, .teaserWidget .carousel .carousel-control-next .carousel-control-next-icon {
  background-color: transparent !important;
}

@media (max-width: 991px) {
  .ims-widget-teaser .ims-comp-base-carousel.carousel .carousel-caption {
    transition: all 0.5s;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .ims-widget-teaser .ims-comp-base-carousel.carousel .carousel-caption {
    transition: all 0.5s;
    background-color: rgba(255, 255, 255, 0.8);
  }
}
/*# sourceMappingURL=maps/theme.css.map */

/*# sourceMappingURL=straumann-theme-cf79a1a40c.css.map */