@charset "UTF-8";
/* EUCEET brand (legacy css.css minus stock Bootstrap 5.3.0-alpha1) */
:root, [data-bs-theme=light] {
  --bs-blue:#006fb4;
  --bs-red:#da2131;
  --bs-orange:#f29527;
  --bs-green:#467a39;
  --bs-primary:#003399;
  --bs-secondary:#ffcc00;
  --bs-success:#467a39;
  --bs-danger:#da2131;
  --bs-primary-rgb:0, 51, 153;
  --bs-secondary-rgb:255, 204, 0;
  --bs-success-rgb:70, 122, 57;
  --bs-danger-rgb:218, 33, 49;
  --bs-primary-text-emphasis:#00143d;
  --bs-secondary-text-emphasis:#665200;
  --bs-success-text-emphasis:#1c3117;
  --bs-danger-text-emphasis:#570d14;
  --bs-primary-bg-subtle:#ccd6eb;
  --bs-secondary-bg-subtle:#fff5cc;
  --bs-success-bg-subtle:#dae4d7;
  --bs-danger-bg-subtle:#f8d3d6;
  --bs-primary-border-subtle:#99add6;
  --bs-secondary-border-subtle:#ffeb99;
  --bs-success-border-subtle:#b5cab0;
  --bs-danger-border-subtle:#f0a6ad;
  --bs-link-color:#003399;
  --bs-link-color-rgb:0, 51, 153;
  --bs-link-hover-color:#00297a;
  --bs-link-hover-color-rgb:0, 41, 122;
  --bs-focus-ring-color:rgba(0, 51, 153, 0.25);
  --bs-form-valid-color:#467a39;
  --bs-form-valid-border-color:#467a39;
  --bs-form-invalid-color:#da2131;
  --bs-form-invalid-border-color:#da2131;
}

[data-bs-theme=dark] {
  --bs-primary-text-emphasis:#6685c2;
  --bs-secondary-text-emphasis:#ffe066;
  --bs-success-text-emphasis:#90af88;
  --bs-danger-text-emphasis:#e97a83;
  --bs-primary-bg-subtle:#000a1f;
  --bs-secondary-bg-subtle:#332900;
  --bs-success-bg-subtle:#0e180b;
  --bs-danger-bg-subtle:#2c070a;
  --bs-primary-border-subtle:#001f5c;
  --bs-secondary-border-subtle:#997a00;
  --bs-success-border-subtle:#2a4922;
  --bs-danger-border-subtle:#83141d;
  --bs-link-color:#6685c2;
  --bs-link-hover-color:#859dce;
  --bs-link-color-rgb:102, 133, 194;
  --bs-link-hover-color-rgb:133, 157, 206;
  --bs-form-valid-color:#90af88;
  --bs-form-valid-border-color:#90af88;
  --bs-form-invalid-color:#e97a83;
  --bs-form-invalid-border-color:#e97a83;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
.row {
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.table-primary {
  --bs-table-bg:#ccd6eb;
  --bs-table-border-color:#a3abbc;
  --bs-table-striped-bg:#c2cbdf;
  --bs-table-active-bg:#b8c1d4;
  --bs-table-hover-bg:#bdc6d9;
}

.table-secondary {
  --bs-table-bg:#fff5cc;
  --bs-table-border-color:#ccc4a3;
  --bs-table-striped-bg:#f2e9c2;
  --bs-table-active-bg:#e6ddb8;
  --bs-table-hover-bg:#ece3bd;
}

.table-success {
  --bs-table-bg:#dae4d7;
  --bs-table-border-color:#aeb6ac;
  --bs-table-striped-bg:#cfd9cc;
  --bs-table-active-bg:#c4cdc2;
  --bs-table-hover-bg:#cad3c7;
}

.table-danger {
  --bs-table-bg:#f8d3d6;
  --bs-table-border-color:#c6a9ab;
  --bs-table-striped-bg:#ecc8cb;
  --bs-table-active-bg:#dfbec1;
  --bs-table-hover-bg:#e5c3c6;
}

.form-control:focus {
  border-color: #8099cc;
  box-shadow: 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

.form-select:focus {
  border-color: #8099cc;
  box-shadow: 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

.form-check-input {
  transition: all 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-check-input {
    transition: none;
  }
}
.form-check-input:focus {
  border-color: #8099cc;
  box-shadow: 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

.form-check-input:checked {
  background-color: #003399;
  border-color: #003399;
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #003399;
  border-color: #003399;
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238099cc'/%3e%3c/svg%3e");
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

.form-range::-webkit-slider-thumb {
  background-color: #003399;
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b3c2e0;
}

.form-range::-moz-range-thumb {
  background-color: #003399;
}

.form-range::-moz-range-thumb:active {
  background-color: #b3c2e0;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.was-validated .form-control:valid, .form-control.is-valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23467a39' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23467a39' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23da2131'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da2131' stroke='none'/%3e%3c/svg%3e");
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23da2131'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23da2131' stroke='none'/%3e%3c/svg%3e");
}

.btn {
  --bs-btn-border-radius:0;
}

.btn-primary {
  --bs-btn-bg:#003399;
  --bs-btn-border-color:#003399;
  --bs-btn-hover-bg:#002b82;
  --bs-btn-hover-border-color:#00297a;
  --bs-btn-focus-shadow-rgb:38, 82, 168;
  --bs-btn-active-bg:#00297a;
  --bs-btn-active-border-color:#002673;
  --bs-btn-disabled-bg:#003399;
  --bs-btn-disabled-border-color:#003399;
}

.btn-secondary {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffcc00;
  --bs-btn-border-color:#ffcc00;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffd426;
  --bs-btn-hover-border-color:#ffd11a;
  --bs-btn-focus-shadow-rgb:217, 173, 0;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffd633;
  --bs-btn-active-border-color:#ffd11a;
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffcc00;
  --bs-btn-disabled-border-color:#ffcc00;
}

.btn-success {
  --bs-btn-bg:#467a39;
  --bs-btn-border-color:#467a39;
  --bs-btn-hover-bg:#3c6830;
  --bs-btn-hover-border-color:#38622e;
  --bs-btn-focus-shadow-rgb:98, 142, 87;
  --bs-btn-active-bg:#38622e;
  --bs-btn-active-border-color:#355c2b;
  --bs-btn-disabled-bg:#467a39;
  --bs-btn-disabled-border-color:#467a39;
}

.btn-danger {
  --bs-btn-bg:#da2131;
  --bs-btn-border-color:#da2131;
  --bs-btn-hover-bg:#b91c2a;
  --bs-btn-hover-border-color:#ae1a27;
  --bs-btn-focus-shadow-rgb:224, 66, 80;
  --bs-btn-active-bg:#ae1a27;
  --bs-btn-active-border-color:#a41925;
  --bs-btn-disabled-bg:#da2131;
  --bs-btn-disabled-border-color:#da2131;
}

.btn-outline-primary {
  --bs-btn-color:#003399;
  --bs-btn-border-color:#003399;
  --bs-btn-hover-bg:#003399;
  --bs-btn-hover-border-color:#003399;
  --bs-btn-focus-shadow-rgb:0, 51, 153;
  --bs-btn-active-bg:#003399;
  --bs-btn-active-border-color:#003399;
  --bs-btn-disabled-color:#003399;
  --bs-btn-disabled-border-color:#003399;
}

.btn-outline-secondary {
  --bs-btn-color:#ffcc00;
  --bs-btn-border-color:#ffcc00;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffcc00;
  --bs-btn-hover-border-color:#ffcc00;
  --bs-btn-focus-shadow-rgb:255, 204, 0;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcc00;
  --bs-btn-active-border-color:#ffcc00;
  --bs-btn-disabled-color:#ffcc00;
  --bs-btn-disabled-border-color:#ffcc00;
}

.btn-outline-success {
  --bs-btn-color:#467a39;
  --bs-btn-border-color:#467a39;
  --bs-btn-hover-bg:#467a39;
  --bs-btn-hover-border-color:#467a39;
  --bs-btn-focus-shadow-rgb:70, 122, 57;
  --bs-btn-active-bg:#467a39;
  --bs-btn-active-border-color:#467a39;
  --bs-btn-disabled-color:#467a39;
  --bs-btn-disabled-border-color:#467a39;
}

.btn-outline-danger {
  --bs-btn-color:#da2131;
  --bs-btn-border-color:#da2131;
  --bs-btn-hover-bg:#da2131;
  --bs-btn-hover-border-color:#da2131;
  --bs-btn-focus-shadow-rgb:218, 33, 49;
  --bs-btn-active-bg:#da2131;
  --bs-btn-active-border-color:#da2131;
  --bs-btn-disabled-color:#da2131;
  --bs-btn-disabled-border-color:#da2131;
}

.btn-link {
  --bs-btn-focus-shadow-rgb:38, 82, 168;
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-border-radius:0;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-border-radius:0;
}

.dropdown-menu {
  --bs-dropdown-border-radius:0;
  --bs-dropdown-border-width:0;
  --bs-dropdown-inner-border-radius:calc(0 - 0);
  --bs-dropdown-link-active-bg:#003399;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

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

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

.dropdown-menu-dark {
  --bs-dropdown-link-active-bg:#003399;
}

.btn-group {
  border-radius: 0;
}

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

.nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(0, 51, 153, 0.25);
}

.nav-pills {
  --bs-nav-pills-link-active-bg:#003399;
}

.navbar {
  --bs-navbar-toggler-border-radius:0;
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.accordion {
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300143d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color:#8099cc;
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(0, 51, 153, 0.25);
  --bs-accordion-active-color:#002e8a;
  --bs-accordion-active-bg:#e6ebf5;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236685c2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236685c2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-divider-color:white;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">");
}

.pagination {
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(0, 51, 153, 0.25);
  --bs-pagination-active-bg:#003399;
  --bs-pagination-active-border-color:#003399;
}

.progress, .progress-stacked {
  --bs-progress-bar-bg:#003399;
}

.list-group {
  --bs-list-group-active-bg:#003399;
  --bs-list-group-active-border-color:#003399;
}

.btn-close {
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(0, 51, 153, 0.25);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-footer {
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color:var(--bs-body-color);
  --bs-offcanvas-bg:var(--bs-body-bg);
  --bs-offcanvas-border-width:var(--bs-border-width);
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
  --bs-offcanvas-transition:transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height:1.5;
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

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

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

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

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

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

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

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

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

.link-primary {
  color: rgba(var(--bs-primary-rgb), var(--bs-link-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(0, 41, 122, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(0, 41, 122, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: rgba(var(--bs-secondary-rgb), var(--bs-link-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(255, 214, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(255, 214, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: rgba(var(--bs-success-rgb), var(--bs-link-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(56, 98, 46, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(56, 98, 46, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: rgba(var(--bs-info-rgb), var(--bs-link-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;
  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;
  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;
  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;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger:hover, .link-danger:focus {
  color: rgba(174, 26, 39, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(174, 26, 39, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: rgba(var(--bs-light-rgb), var(--bs-link-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;
  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;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark:hover, .link-dark:focus {
  color: rgba(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: rgba(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-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;
  text-decoration-color: rgba(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.ratio-4x3 {
  --bs-aspect-ratio:calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio:calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio:calc(9 / 21 * 100%);
}

.custom-bg-primary {
  background-color: #003399 !important;
}

.custom-bg-secondary {
  background-color: #ffcc00 !important;
}

html {
  overflow-x: hidden;
  padding: 0;
}

body {
  min-height: 100vh !important;
}

.full-width {
  padding: 0px;
  margin: 0px;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.login .login-clean {
  padding: 80px 0;
}

.login .login-clean form {
  max-width: 400px;
  width: 90%;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 40px;
  border-radius: 4px;
  color: #505e6c;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.login .login-clean .illustration {
  text-align: center;
  padding: 0 0 20px;
  font-size: 100px;
}

.login .login-clean form .form-control {
  background: #f7f9fc;
  border: none;
  border-bottom: 1px solid #dfe7f1;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: inherit;
  text-indent: 8px;
  height: 42px;
}

.login .login-clean form .btn-primary {
  border: none;
  border-radius: 4px;
  padding: 11px;
  box-shadow: none;
  margin-top: 26px;
  text-shadow: none;
  outline: none !important;
}

.login .login-clean form .btn-primary:hover, .login .login-clean form .btn-primary:active {
  background: #ffcc00;
}

.login .login-clean form .btn-primary:active {
  transform: translateY(1px);
}

.login .login-clean form .forgot, .login .login-clean form .already {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #6f7a85;
  opacity: 0.9;
  text-decoration: none;
}

.login .login-clean form .forgot:hover, .login .login-clean form .forgot:active {
  opacity: 1;
  text-decoration: none;
}

.fadeinup, .fadeindown, .fadein {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fadeinup {
  opacity: 0;
  transform: translateY(10px);
}

.parent:hover .fadeinup {
  opacity: 1;
  transform: translateY(0px);
}

.fadeindown {
  opacity: 0;
  transform: translateY(-10px);
}

.parent:hover .fadeindown {
  opacity: 1;
  transform: translateY(0px);
}

.fadein {
  opacity: 0;
}

.parent:hover .fadein {
  opacity: 1;
}

@keyframes fadeinup {
  0% {
    left: 0px;
    top: 10px;
    opacity: 0;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
  }
}
@keyframes fadeindown {
  0% {
    left: 0px;
    top: -30px;
    opacity: 0;
  }
  100% {
    left: 0px;
    top: 0px;
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.95;
  }
}
@keyframes wipe-enter {
  0% {
    transform: scale(0, 0.025);
  }
  50% {
    transform: scale(1, 0.025);
  }
}
.banner .banner-container {
  width: 100%; /* set the container width to 100% to take the full width of the parent */
  height: auto; /* set the container height to your desired value */
  overflow: hidden;
}

.banner .banner-img {
  width: 100%; /* set the image width to 100% to take the full width of the container */
  height: 100%; /* set the image height to 100% to take the full height of the container */
  object-fit: cover;
}

.imageinputdiv {
  position: relative;
}

.imageinputdiv::after {
  content: "Click to select image";
  text-align: center;
  justify-content: center;
  background-color: #f8f8f8;
  color: #000000;
  opacity: 0;
  width: 100%;
  position: absolute; /* the image is required to be rotated */
  transform: translate(-50%, -50%);
  left: 50%;
  top: 0%;
  z-index: 1;
}

.imageinputdiv:hover:after {
  opacity: 1;
}

.nav-item .active {
  outline: solid 2px #ffcc00 !important;
}

.compocolumn:hover {
  outline: #003399 solid 1px;
}

/* Resets: the legacy site used Bootstrap's own typography */
body {
  font-family: var(--bs-body-font-family);
  color: var(--bs-body-color);
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  color: inherit;
}

/* The menu marks the current item with wire:current (is-current), not the legacy .active */
.nav-item .is-current, .nav-item [data-current] {
  outline: solid 2px #ffcc00 !important;
}

/* EUCEET effects: the back-to-top button shows once the page is scrolled (euceet-effects init) */
.euceet-to-top {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}

.euceet-to-top.is-shown {
  opacity: 1;
  visibility: visible;
}

/* EUCEET design review — approved Batch C, 17 October 2026.
 * Shared presentation only. Keep each ds-d-* design scope and all live bindings. */
body {
  line-height: 1.6;
}

.mainHeading__title {
  line-height: 1.25 !important;
}

body h2.title.h1 {
  font-size: 2rem !important;
  line-height: 1.3 !important;
}

body h3.title.h1 {
  font-size: 1.5rem !important;
  line-height: 1.35 !important;
}

body .euceet-detail .euceet-detail-title {
  font-size: 2.25rem !important;
  line-height: 1.2 !important;
  margin-bottom: 0;
}

.euceet-detail .euceet-detail-prose {
  max-width: 72ch;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.euceet-detail .euceet-detail-return {
  margin-bottom: 0.75rem;
}

.euceet-detail-prose :is(p, ul, ol) + :is(h2, h3, h4) {
  margin-top: 1.5rem;
}

.euceet-detail-prose :is(p, a, li):not(table *), .euceet-modal .content :is(p, a, li):not(table *), .modal[id^=euceet-dialog-] .content :is(p, a, li):not(table *) {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Preserve mixed editorial artwork (logos, posters and photos) without cropping it. */
.euceet-carousel .mainimage {
  max-height: 10rem;
  object-fit: contain !important;
}

/* Blue on light surfaces, with a white separation ring on the blue panels. */
body :is(a, button, input, select, textarea, summary, [role=button], [tabindex]):focus-visible {
  outline: 3px solid #003399 !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff !important;
}

@media (max-width: 767.98px) {
  body h2.title.h1 {
    font-size: 1.625rem !important;
  }
  body h3.title.h1 {
    font-size: 1.375rem !important;
  }
  body .euceet-detail .euceet-detail-title {
    font-size: 1.875rem !important;
  }
  .euceet-detail .euceet-detail-prose {
    font-size: 1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
  body .mainHeading {
    background-attachment: scroll !important;
  }
  body .mainHeading__text, body .mainHeading__text::before,
  body .mainHeading__image, body .mainHeading__image::before, body .mainHeading__image::after {
    animation: none !important;
    transition: none !important;
  }
  /* Keep the image's resting translateY(100px) and its translucent decorative overlay. */
  body .mainHeading__text, body .mainHeading__image {
    opacity: 1 !important;
    visibility: visible !important;
  }
  body .splide .splide__slide :is(.title, .details) {
    animation: none !important;
    transition: none !important;
  }
  body .splide .splide__slide.is-visible :is(.title, .details) {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  body :is(.fadeinup, .fadeindown, .fadein, .euceet-to-top) {
    transition: none !important;
  }
}