:root {
  --blue-900: #202849;
  --blue-900-rgb: 32, 40, 73;
  --blue-800: #2a3460;
  --blue-700: #334075;
  --blue-500: #4e62b1;
  --lightblue-500: #0062e0;
  --lightblue-500-rgb: 0, 98, 224;
  --lightblue-400: #147bff;
  --lightblue-300: #4798ff;
  --lightblue-100: #E6F5FF;
  --yellow-900: #372101;
  --yellow-700: #996215;
  --yellow-500: #faa329;
  --yellow-300: #fbb24c;
  --yellow-100: #faf4eb;
  --white-150: #dbe3f5;
  --white-100: #e7ecf8;
  --white-100-rgb: 231, 236, 248;
  --white-50: #f3f6fc;
  --white-50-rgb: 243, 246, 252;
  --white: #fff;
  --filter-blue-900: brightness(0) saturate(100%) invert(12%) sepia(7%) saturate(6899%) hue-rotate(196deg) brightness(95%) contrast(90%);
  --filter-blue-800: brightness(0) saturate(100%) invert(18%) sepia(8%) saturate(6284%) hue-rotate(198deg) brightness(90%) contrast(88%);
  --filter-blue-700: brightness(0) saturate(100%) invert(17%) sepia(73%) saturate(1033%) hue-rotate(204deg) brightness(96%) contrast(83%);
  --filter-blue-500: brightness(0) saturate(100%) invert(40%) sepia(15%) saturate(2184%) hue-rotate(191deg) brightness(91%) contrast(87%);
  --filter-lightblue-500: brightness(0) saturate(100%) invert(26%) sepia(97%) saturate(1502%) hue-rotate(198deg) brightness(97%) contrast(115%);
  --filter-lightblue-400: brightness(0) saturate(100%) invert(42%) sepia(100%) saturate(3760%) hue-rotate(202deg) brightness(101%) contrast(101%);
  --filter-lightblue-300: brightness(0) saturate(100%) invert(53%) sepia(27%) saturate(3539%) hue-rotate(193deg) brightness(101%) contrast(101%);
  --filter-yellow-900: brightness(0) saturate(100%) invert(12%) sepia(15%) saturate(6499%) hue-rotate(21deg) brightness(98%) contrast(99%);
  --filter-yellow-500: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(483%) hue-rotate(348deg) brightness(102%) contrast(96%);
  --filter-yellow-300: brightness(0) saturate(100%) invert(89%) sepia(27%) saturate(2785%) hue-rotate(322deg) brightness(103%) contrast(97%);
  --filter-yellow-100: brightness(0) saturate(100%) invert(100%) sepia(61%) saturate(251%) hue-rotate(314deg) brightness(100%) contrast(97%);
  --filter-white-150: brightness(0) saturate(100%) invert(100%) sepia(40%) saturate(2391%) hue-rotate(177deg) brightness(95%) contrast(103%);
  --filter-white-100: brightness(0) saturate(100%) invert(90%) sepia(16%) saturate(113%) hue-rotate(179deg) brightness(102%) contrast(96%);
  --filter-white-50: brightness(0) saturate(100%) invert(89%) sepia(2%) saturate(2487%) hue-rotate(198deg) brightness(110%) contrast(98%);
  --green-900: #389e0d;
  --green-500: #52C41A;
  --green-100: #F6FFED;
  --red-500: #f5222d;
  --red-300: #FFCCC7;
  --red-200: #FFF1F0;
  --red-100: #FF4D4F;
  --orange-500: #FA8C16;
  --orange-100: #FFF7E6;
  --purple-500: #722ED1;
  --purple-100: #F9F0FF;
  --cyan-500: #13C2C2;
  --cyan-100: #E6FFFB;
  --gray: #eaecf6;
  --gray-100: #F4F5FA;
  --bs-font-sans-serif: "Source Sans 3", Helvetica, Arial, sans-serif;
  --border-color: #CACFE8;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
}

html {
  font-size: 100%;
}
html.font-big {
  font-size: 125%;
}
html.high-contrast {
  --blue-900: #000;
  --blue-900-rgb: 0, 0, 0;
  --blue-800: #000;
  --blue-700: #000;
  --blue-500: #000;
  --lightblue-500: #000;
  --lightblue-500-rgb: 0, 0, 0;
  --lightblue-400: #000;
  --lightblue-300: #fff;
  --lightblue-100: #fff;
  --yellow-900: #000;
  --yellow-700: #000;
  --yellow-500: #fff;
  --yellow-300: #fff;
  --yellow-100: #fff;
  --white-150: #fff;
  --white-100: #fff;
  --white-100-rgb: 255, 255, 255;
  --white-50: #fff;
  --white-50-rgb: 255, 255, 255;
  --white: #fff;
  --filter-blue-900: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-blue-800: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-blue-700: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-blue-500: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-lightblue-500: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-lightblue-400: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-lightblue-300: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-yellow-900: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7500%) hue-rotate(154deg) brightness(91%) contrast(108%);
  --filter-yellow-500: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-yellow-300: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-yellow-100: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-white-150: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-white-100: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-white-50: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --filter-white: brightness(0) saturate(100%) invert(92%) sepia(93%) saturate(32%) hue-rotate(251deg) brightness(107%) contrast(100%);
  --green-900: #000;
  --green-500: #000;
  --green-100: #fff;
  --red-500: #000;
  --red-300: #000;
  --red-200: #fff;
  --red-100: #000;
  --orange-500: #000;
  --orange-100: #fff;
  --purple-500: #000;
  --purple-100: #fff;
  --cyan-500: #000;
  --cyan-100: #fff;
  --gray: #000;
  --gray-100: #fff;
  --border-color: #fff;
}
html.font-dyslexia body {
  font-family: OpenDyslexic;
}

@media (max-width: 991.98px) {
  :root {
    --space-sm: 0.625rem;
    --space-md: 0.875rem;
    --space-lg: 1.25rem;
    --space-xl: 1.75rem;
  }
}
@media (max-width: 767.98px) {
  :root {
    --space-sm: 0.5rem;
    --space-md: 0.75rem;
    --space-lg: 1rem;
    --space-xl: 1.5rem;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: var(--gray);
  color: var(--blue-900);
  font-family: var(--bs-body-font-family);
  font-size: 0.875rem;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.375rem;
  margin: 0;
  text-align: var(--bs-body-text-align);
}

.bg-light {
  background-color: var(--white) !important;
}
.bg-light .footer {
  margin-left: -7.5%;
}

#page {
  background: var(--white-50);
}

a {
  font-weight: 400;
  color: var(--lightblue-500);
  text-decoration: none;
  -webkit-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}

a:focus, a:hover {
  text-decoration: none;
}

p {
  margin: 0 0 1em;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

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

hr {
  border: 0;
  border-top: 1px solid;
  color: var(--border-color);
  margin: var(--space-md) 0;
  opacity: 0.25;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.h1, h1 {
  font-size: calc(1.40625rem + 1.875vw);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.8125rem;
  }
}
.h2, h2 {
  font-size: calc(1.35rem + 1.2vw);
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2.25rem;
  }
}
.h3, h3 {
  font-size: calc(1.32188rem + 0.8625vw);
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.96875rem;
  }
}
.h4, h4 {
  font-size: calc(1.29375rem + 0.525vw);
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.6875rem;
  }
}
.h5, h5 {
  font-size: calc(1.26563rem + 0.1875vw);
}

@media (min-width: 1200px) {
  .h5, h5 {
    font-size: 1.40625rem;
  }
}
.h6, h6 {
  font-size: 1.125rem;
}

p {
  margin-bottom: var(--space-md);
  margin-top: 0;
}

img {
  max-width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

figure {
  margin: 0;
}

audio {
  width: 100%;
}

.fw-bold, b {
  font-weight: 600 !important;
}

ul.wizard-steps {
  display: flex;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0 var(--space-sm);
}
ul.wizard-steps > li {
  display: flex;
  align-items: center;
  flex: 1;
}
ul.wizard-steps > li i {
  color: rgba(var(--blue-900-rgb), 0.45);
  margin-right: 0.5rem;
  flex-shrink: 0;
}
ul.wizard-steps > li .step-name {
  color: rgba(var(--blue-900-rgb), 0.65);
  flex-shrink: 1;
}
ul.wizard-steps > li:first-child:before {
  display: none;
}
ul.wizard-steps > li:last-child {
  margin-right: 0;
  justify-content: flex-end;
}
ul.wizard-steps > li:last-child:after {
  display: none;
}
ul.wizard-steps > li:after {
  background: #D4D9EC;
  content: "";
  display: block;
  height: 1px;
  flex: 1;
  min-width: 0.5rem;
  margin-left: var(--space-sm);
}
ul.wizard-steps > li:before {
  background: #D4D9EC;
  content: "";
  display: block;
  height: 1px;
  flex: 1;
  min-width: 0.5rem;
  margin-right: var(--space-sm);
}
ul.wizard-steps > li.active:before {
  background: var(--lightblue-500);
  z-index: 10;
}
ul.wizard-steps > li.active i {
  color: var(--lightblue-500);
}
ul.wizard-steps > li.active .step-name {
  color: var(--blue-900);
}
ul.wizard-steps > li:has(~ li.active):after {
  background: var(--lightblue-500);
  z-index: 10;
}
ul.wizard-steps > li:has(~ li.active) i {
  color: var(--lightblue-500);
}
ul.wizard-steps > li:has(~ li.active) .step-name {
  color: var(--blue-900);
}
ul.wizard-steps > li i {
  font-size: 1.5rem;
}

.icon-wrapper {
  display: flex;
  justify-content: center;
  border: 1px solid #CACFE8;
  padding: 14px;
  border-radius: 12px;
  width: 3.5rem;
  height: 3.5rem;
}

.icon {
  display: inline-block;
  vertical-align: -0.125em;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
}
.icon.icon-mr {
  margin-right: 0.5rem;
}
.icon.icon-ml {
  margin-left: 0.5rem;
}
.icon.icon-md {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.icon.icon-wizard {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.icon.icon-lg {
  width: 1.313rem;
  height: 1.313rem;
  font-size: 1.313rem;
  line-height: 1.313rem;
}
.icon.icon-xl {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  line-height: 1.75rem;
}
.icon.icon-xxxl {
  width: 3rem;
  height: 3rem;
  font-size: 3rem;
  line-height: 3rem;
}

.dropdown .dropdown-menu {
  padding: 0.25rem;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.dropdown .dropdown-menu .dropdown-item {
  border-radius: 0.25rem;
  padding: 0.3125rem var(--space-sm);
  color: var(--blue-900);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.dropdown .dropdown-menu .dropdown-item[onclick] {
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-item:active {
  background-color: var(--bs-dropdown-link-hover-bg);
}

.text-muted {
  color: rgba(var(--blue-900-rgb), 0.65);
}

.fw-bold::before {
  font-weight: 600 !important;
}

.invalid-feedback {
  font-size: 0.875rem;
  color: var(--red-500);
}

.related-subject, .event {
  padding: var(--space-md) !important;
  margin-bottom: var(--space-md);
}

.container-fluid > .row > main {
  min-height: calc(100vh - 58px);
}

.navbar {
  padding: 0.25rem var(--space-lg);
  align-items: center;
}
@media (max-width: 992px) {
  .navbar .container-fluid {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
}
.navbar.bg-dark {
  background-color: var(--blue-900) !important;
}
.navbar .navbar-brand {
  margin-right: 2.5rem;
}
.navbar .navbar-brand img {
  max-height: 20px;
  vertical-align: baseline;
}
.navbar .navbar-brand span {
  color: var(--blue-900);
}
@media (max-width: 575.98px) {
  .navbar .navbar-brand {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-nav {
    gap: 3rem;
  }
}
.navbar .nav-item .nav-link {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--lightblue-500);
  align-items: center;
  display: inline-flex;
}
.navbar .nav-item .nav-link.small {
  font-size: 0.75rem;
}
.navbar .nav-item .nav-link img {
  max-height: 20px;
  vertical-align: baseline;
}
.navbar .nav-item .nav-link.active {
  background-color: var(--lightblue-500);
  color: var(--white-50);
  font-size: 0.875rem;
  font-weight: 400;
}
.navbar .nav-item .nav-name {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--blue-900);
  font-weight: 400;
}
.navbar i {
  font-weight: 400;
}
.navbar a:not(.btn, .dropdown-item) {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--lightblue-500);
}
.navbar .dropdown-item {
  font-weight: 400 !important;
}
.navbar.secondary {
  margin-top: var(--space-xl);
}
@media (max-width: 992px) {
  .navbar.secondary {
    margin-top: var(--space-md);
  }
}
.navbar.secondary .navbar-toggler {
  margin-left: auto;
  border: 2px solid var(--blue-900);
  transition: all 0.3s ease;
  align-items: center;
}
.navbar.secondary .navbar-toggler i {
  color: var(--blue-900);
  font-size: 2rem;
}
@media (max-width: 992px) {
  .navbar.secondary .navbar-toggler i {
    font-size: 1.5rem;
  }
}
.navbar.secondary .nav-item .nav-link {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  transition: all 0.15s;
  color: var(--blue-900);
}
.navbar.secondary .nav-item .nav-link:hover {
  text-decoration: underline;
  text-decoration-color: var(--lightblue-500);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
@media (max-width: 992px) {
  .navbar.secondary .navbar-nav {
    gap: 1.5rem;
  }
}

.accessibility-wrapper {
  position: relative;
}
.accessibility-wrapper .accessibility-panel {
  display: none;
  position: absolute;
  top: calc(100% + 0.75rem);
  left: 50%;
  transform: translateX(-50%);
  background: var(--white);
  border-radius: 0.75rem;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.1);
  padding: var(--space-sm) var(--space-lg);
  min-width: 340px;
  z-index: 1000;
}
.accessibility-wrapper .accessibility-panel.open {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem 0;
}
.accessibility-wrapper .accessibility-panel__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0 var(--space-sm);
}
.accessibility-wrapper .accessibility-panel__col + .accessibility-wrapper .accessibility-panel__col {
  border-left: 1px solid var(--border-color);
}
.accessibility-wrapper .accessibility-panel__label {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--blue-900);
  white-space: nowrap;
}
.accessibility-wrapper .accessibility-panel__switch .form-check-input {
  width: 2.5em;
  height: 1.4em;
  cursor: pointer;
}
.accessibility-wrapper .accessibility-panel__switch .form-check-input:checked {
  background-color: var(--lightblue-500);
  border-color: var(--lightblue-500);
}
.accessibility-wrapper .accessibility-panel__switch .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--lightblue-500-rgb), 0.25);
}
.accessibility-wrapper .accessibility-panel__font-btns {
  display: flex;
  gap: 0.375rem;
}
.accessibility-wrapper .accessibility-panel__font-btns .btn-icon {
  background: none;
  border: none;
  padding: 0;
  color: var(--lightblue-500);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.accessibility-wrapper .accessibility-panel__font-btns .btn-icon:hover {
  color: var(--lightblue-400);
}
.accessibility-wrapper .accessibility-panel__footer {
  width: 100%;
  text-align: center;
  padding-top: var(--space-sm);
  margin-top: 0.25rem;
}
.accessibility-wrapper .accessibility-panel__reset {
  color: var(--lightblue-500);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}
.accessibility-wrapper .accessibility-panel__reset:hover {
  text-decoration: underline;
}

body.bg-light header .navbar {
  border-bottom: none !important;
}
body.bg-light .accessibility-panel {
  left: auto;
  transform: none;
  right: 0;
}

.sidebar .nav {
  gap: 0.5rem;
}
.sidebar .nav .nav-item .nav-link {
  padding: 0.5625rem var(--space-md) 0.5625rem var(--space-lg);
  color: var(--blue-900);
  border-radius: 0.5rem;
}
.sidebar .nav .nav-item .nav-link.active {
  background-color: var(--blue-900);
  color: var(--white);
}

.footer {
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  background-color: var(--gray);
  color: rgba(var(--blue-900-rgb), 0.45);
}
.footer div, .footer p {
  color: rgba(var(--blue-900-rgb), 0.45);
  margin-bottom: 0;
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.footer a {
  color: rgba(var(--blue-900-rgb), 0.45);
}
.footer a:hover {
  color: rgba(var(--blue-900-rgb), 0.45);
  text-decoration: none;
}
.footer .nav-link:focus {
  color: rgba(var(--blue-900-rgb), 0.45);
}

article {
  margin-top: var(--space-lg);
  margin-left: var(--space-lg);
  margin-right: var(--space-lg);
}
article .btn {
  justify-content: center;
}
article.features {
  background-color: var(--white);
  border-radius: 0.5rem;
  margin-bottom: var(--space-lg);
  padding: var(--space-lg) var(--space-sm);
}
@media (max-width: 768px) {
  article.features .row {
    gap: 1.5rem;
  }
}
@media (max-width: 768px) {
  article.features {
    margin-bottom: var(--space-lg);
  }
}
article.features .article-header .title {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
article.features .article-header .title-sm {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  letter-spacing: 0%;
  margin-bottom: 0;
}
article.features .article-header .subtitle {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0%;
  margin-bottom: 0;
}
article.features .article-header .title-xs {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  letter-spacing: 0%;
  margin-bottom: 0;
}
article.features .article-header .short {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 0.5rem;
}
article.features .article-header .actions {
  padding-top: var(--space-xl);
  display: flex;
  gap: var(--space-lg);
  margin-top: auto;
}
article.features .article-header.table-header {
  padding-left: var(--space-sm);
}
article.features .features-item {
  border-radius: 0.5rem;
  padding: var(--space-md);
}
article.features .features-item .title-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  letter-spacing: 0%;
  margin-bottom: 0;
}
article.features .features-item.dark {
  background-color: var(--blue-900);
  color: var(--white-50);
}
article.features .features-item .item-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
}
article.features .features-item .item-content .item-eyebrow-title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-transform: uppercase;
}
article.features .features-item .item-content .item-title {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2rem;
  margin-top: 0.5rem;
}
article.features .features-item .item-content .item-short {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-top: 0.5rem;
}
article.features .features-item .item-content .item-actions {
  margin-top: auto;
}
article.features .features-item .item-content .item {
  padding: 0 var(--space-sm);
}
article.features .features-item.item-secondary {
  background-color: var(--gray-100);
}
article.features .features-item.item-secondary-outline {
  border: 1px solid var(--border-color);
}
article.features .features-item.item-secondary, article.features .features-item.item-secondary-outline {
  margin-top: var(--space-md);
  padding-bottom: 0.25rem;
}
article.features .features-item.item-secondary .item-content .item-short .item-details:last-child, article.features .features-item.item-secondary-outline .item-content .item-short .item-details:last-child {
  border-bottom: 0;
}
article.features .features-item:not(.item-secondary-outline):not(.item-secondary):has(.item) {
  padding-left: 0;
  padding-right: 0;
}
article.features.first {
  margin-right: var(--space-sm);
}
@media (max-width: 991.98px) {
  article.features.first {
    margin-right: var(--space-lg);
  }
}
article.features.second {
  margin-left: var(--space-sm);
}
@media (max-width: 991.98px) {
  article.features.second {
    margin-left: var(--space-lg);
  }
}
article.features .description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: 0.5rem;
  color: rgba(var(--blue-900-rgb), 0.65);
}
article.error {
  margin-top: var(--space-xl);
  margin-bottom: 6rem;
}
article.error .article-header i {
  margin-right: 0.5rem;
}
article.error .short {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 0.5rem;
}
article.register .item-eyebrow-title, article.payment .item-eyebrow-title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(var(--blue-900-rgb), 0.65);
}
article.register .border-bottom, article.payment .border-bottom {
  border-color: var(--white-150) !important;
}
article.feature {
  background-color: var(--white);
  border-radius: 0.5rem;
  margin-bottom: var(--space-lg);
}
@media (max-width: 768px) {
  article.feature {
    margin-bottom: var(--space-lg);
  }
}
article.feature .article-header {
  /*.icon {
  	display: flex;
  	justify-content: center;

  	.bi {
  		border-radius: 12px;
  		padding: 0.875rem;
  		line-height: 2.5rem;
  		font-size: 2.5rem;
  	}
  }*/
}
article.feature .article-header .title {
  font-size: 2.375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 2.875rem;
}
article.feature .article-header .short {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: var(--space-md);
  color: rgba(var(--blue-900-rgb), 0.65);
}
article.feature .article-header .text {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--blue-900-rgb);
}
article.feature .article-header .actions {
  padding-top: var(--space-xl);
  display: flex;
  gap: var(--space-lg);
  margin-top: auto;
}
article.feature .article-header a:not(.btn) {
  font-weight: 400;
  text-decoration: none;
  color: var(--lightblue-500);
}
article.feature.centered .article-header .title, article.feature.centered .article-header .short {
  align-items: center;
  text-align: center;
}
article.feature.centered .article-header .actions {
  justify-content: center;
}
article.page-header {
  margin: 0;
  padding: var(--space-sm) var(--space-lg) var(--space-md) var(--space-lg);
  background: var(--white);
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
article.page-header h1, article.page-header .title {
  font-size: 1.25rem;
  line-height: 1.55rem;
  font-weight: 600;
  margin-bottom: 0;
}
article.page-header h1 .bi, article.page-header .title .bi {
  padding-right: 0.5rem;
}
article.page-header h1 a, article.page-header .title a {
  color: var(--blue-900);
}
article.page-header h1 [class*=" bi-"]::before, article.page-header .title [class*=" bi-"]::before {
  vertical-align: -0.225em;
  font-weight: 600 !important;
}
article.page-header .row div {
  align-self: center;
}
article .row {
  margin-left: 0;
  margin-right: 0;
}

.btn {
  border-radius: 0.5rem;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.5rem var(--space-md);
  text-align: left;
  text-decoration: none;
  width: fit-content;
  font-weight: 400;
}
.btn.btn-sm {
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 0.25rem var(--space-md);
}
.btn.btn-sm i {
  font-size: 1rem;
}
.btn.btn-primary {
  background: var(--lightblue-500);
  border-color: var(--lightblue-500);
  color: var(--white);
}
.btn.btn-primary:active {
  background: var(--lightblue-500);
  border-color: var(--lightblue-500);
  color: var(--white);
}
.btn.btn-secondary {
  background: var(--blue-900);
  border-color: var(--blue-900);
  color: var(--white-50);
}
.btn.btn-secondary:active {
  background: var(--blue-900) !important;
  border-color: var(--blue-900) !important;
  color: var(--white-50) !important;
}
.btn.btn-outline-primary {
  background: transparent;
  border-color: var(--lightblue-500);
  color: var(--lightblue-500);
}
.btn.btn-outline-primary:active {
  background: transparent !important;
  border-color: var(--lightblue-500) !important;
  color: var(--blue-900) !important;
}
.btn.btn-outline-secondary {
  background: transparent;
  border-color: var(--border-color);
  color: var(--blue-900);
}
.btn.btn-outline-secondary:active {
  background: transparent !important;
  border-color: var(--border-color) !important;
  color: var(--blue-900) !important;
}
.btn.btn-light {
  background-color: var(--white);
}
.btn.btn-light:active, .btn.btn-light:hover {
  background: transparent !important;
  border-color: var(--white) !important;
  color: var(--blue-900) !important;
}
.btn.btn-outline-danger {
  background: transparent;
  border-color: var(--red-100);
  color: var(--red-100);
}
.btn.btn-outline-danger:active, .btn.btn-outline-danger:hover {
  background: transparent !important;
  border-color: var(--red-100) !important;
  color: var(--red-100) !important;
}
.btn.btn-close {
  opacity: 1;
}
.btn.btn-link {
  border: none;
  border-radius: 0;
  color: var(--blue-900);
}
.btn.border-dashed {
  border-style: dashed;
}
.btn.no-border {
  border-style: hidden;
}

.lei-search .search-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}
.lei-search .btn-special {
  color: var(--red-500);
}

.form-control:read-only {
  background-color: var(--white-50);
  opacity: 1;
  color: rgba(var(--blue-900-rgb), 0.45);
}
.form-control.is-invalid {
  border-color: var(--red-500);
}
.form-control.form-control-sm {
  padding: 0.25rem var(--space-sm);
}
.form-control.form-control-sm.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
}

.token-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1279.98px) {
  .token-container {
    justify-content: flex-start;
    gap: 1.25rem;
  }
}

.display-token .wrapper {
  display: flex;
}
.display-token .wrapper .display-token-icon {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  background-color: var(--lightblue-100);
  margin-right: var(--space-md);
  font-size: 1rem;
  text-align: center;
  color: var(--lightblue-500);
  margin-bottom: 0.875rem;
  align-content: center;
}
.display-token .wrapper .info {
  display: flex;
  flex-direction: column;
}
.display-token .wrapper .info .info-title {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--blue-900);
}
.display-token .wrapper .info .info-title.info-title-lg {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.display-token .wrapper .info .info-description {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: rgba(var(--blue-900-rgb), 0.65);
}
.display-token.display-token-lg .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.display-token.display-token-lg .wrapper .display-token-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background-color: var(--lightblue-500);
  margin-right: 0;
  font-size: 1.5rem;
  text-align: center;
  color: #FFF;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.display-token.display-token-lg .wrapper .info {
  display: flex;
  align-items: center;
}
.display-token.display-token-lg .wrapper .info .info-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: var(--blue-900);
}
.display-token.display-token-lg .wrapper .info .info-description {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: rgba(var(--blue-900-rgb), 0.65);
}

.form-control, .form-select {
  border-color: var(--border-color);
  border-radius: 6px;
  color: var(--blue-900);
}
.form-control::placeholder, .form-control:has(option[value=""]:checked), .form-select::placeholder, .form-select:has(option[value=""]:checked) {
  color: rgba(var(--blue-900-rgb), 0.45);
  opacity: 1;
}
.form-control:focus, .form-select:focus {
  border-color: var(--lightblue-500);
  box-shadow: 0px 0px 0px 2px rgba(24, 144, 255, 0.2);
  color: var(--blue-900);
  outline: 0;
}
.form-control:disabled, .form-select:disabled {
  background-color: var(--bs-gray-200);
  color: rgba(var(--blue-900-rgb), 0.45);
  opacity: 1;
}
.form-control option, .form-select option {
  color: var(--blue-900); /* normal value color */
}
.form-control option:disabled, .form-select option:disabled {
  color: rgba(var(--blue-900-rgb), 0.45);
  opacity: 1;
}

.form-label {
  margin-bottom: 0.25rem;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: var(--lightblue-500);
  box-shadow: 0px 0px 0px 2px rgba(24, 144, 255, 0.2);
}

.input-group .input-group-text {
  border-color: var(--border-color);
  background-color: var(--white);
  color: rgba(var(--blue-900-rgb), 0.45);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group .input-group-text:first-child {
  border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
}
.input-group .input-group-text:last-child {
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}
.input-group button.input-group-text {
  border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}
.input-group .form-control:not(:first-child), .input-group .form-select:not(:first-child) {
  border-left: 0;
  padding-left: 0;
}
.input-group .form-control:-webkit-autofill, .input-group .form-control:-webkit-autofill:hover, .input-group .form-control:-webkit-autofill:focus, .input-group .form-select:-webkit-autofill, .input-group .form-select:-webkit-autofill:hover, .input-group .form-select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px var(--white) inset !important;
  -webkit-text-fill-color: inherit;
  transition: background-color 5000s ease-in-out 0s;
}
.input-group:focus-within {
  border-radius: var(--bs-border-radius);
  border-color: var(--lightblue-500);
}
.input-group:focus-within .input-group-text {
  border: 1px solid var(--lightblue-500);
}
.input-group:focus-within .form-control, .input-group:focus-within .form-select {
  border-color: var(--lightblue-500);
  box-shadow: none;
  outline: 0;
}
.input-group:has(.is-invalid) .input-group-text {
  border-color: var(--bs-form-invalid-border-color);
  color: var(--bs-form-invalid-border-color);
}
.input-group:has(.is-invalid) .form-control, .input-group:has(.is-invalid) .form-select {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: none;
  outline: 0;
}
.input-group:has(.is-valid) .input-group-text {
  border-color: var(--bs-form-valid-border-color);
  color: var(--bs-form-valid-border-color);
}
.input-group:has(.is-valid) .form-control, .input-group:has(.is-valid) .form-select {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: none;
  outline: 0;
}

.form-text {
  color: rgba(var(--blue-900-rgb), 0.65);
}

@media (max-width: 991.98px) {
  .btn {
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 0.625rem var(--space-md);
  }
}
.login, .forgot-password, .account-activation, .edit-profile, .authorization, .payment, .message {
  margin-top: 10rem;
  margin-bottom: var(--space-xl);
}

.alert {
  background-color: var(--red-200);
  border-color: var(--red-300);
  color: var(--blue-900);
}
.alert.alert-danger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alert.alert-danger::before {
  content: "\f622";
  font-family: "bootstrap-icons";
  font-size: 1.5rem;
  color: var(--red-500);
  flex-shrink: 0;
}
.alert.alert-danger ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: var(--space-md);
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.375rem;
  content: "";
  border-top: none;
  border-right: 0.15em solid var(--lightblue-500);
  border-bottom: 0.15em solid var(--lightblue-500);
  border-left: none;
  width: 0.5em;
  height: 0.5em;
  transform: rotate(45deg);
  vertical-align: 0.15rem;
  margin-top: 0.375rem;
}

.btn.dropdown-toggle::after {
  border-top: none;
  border-right: 0.15em solid var(--blue-900);
  border-bottom: 0.15em solid var(--blue-900);
}

.remark {
  display: flex;
  flex-direction: row;
  padding: 1.25rem var(--space-lg);
  border-radius: 0.5rem;
}
.remark .remark-title {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0%;
  margin-bottom: 0.25rem;
}
.remark .remark-content {
  margin: 0;
  overflow-wrap: anywhere;
}
.remark .remark-text {
  margin-bottom: 0;
}
.remark::before {
  font-family: "bootstrap-icons";
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
}
.remark.remark-warning {
  border: 1px solid #FFE58F;
  background-color: #FFFBE6;
}
.remark.remark-warning::before {
  content: "\f332";
  color: #FAAD14;
}
.remark.remark-danger {
  border: 1px solid var(--red-300);
  background-color: var(--red-200);
}
.remark.remark-danger::before {
  content: "\f622";
  color: var(--red-100);
}
.remark.remark-info {
  border: 1px solid #7AC1FF;
  background-color: var(--lightblue-100);
}
.remark.remark-info::before {
  content: "\f332";
  color: var(--lightblue-500);
}
.remark.remark-sm {
  padding: 0.5rem var(--space-sm);
}
.remark.remark-sm.remark-warning .remark-title, .remark.remark-sm.remark-danger .remark-title, .remark.remark-sm.remark-info .remark-title {
  margin-bottom: 0;
}
.remark.remark-sm.remark-warning::before, .remark.remark-sm.remark-danger::before, .remark.remark-sm.remark-info::before {
  font-size: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.5rem;
}

.file {
  margin-bottom: var(--space-sm);
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
}
.file .file-icon {
  color: var(--lightblue-500);
  display: flex;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
}
.file .file-icon i {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.file .file-details {
  display: flex;
  flex-direction: column;
  padding: 0 0.5rem;
  max-width: 70%;
}
.file .file-details:has(div:first-child:last-child) {
  flex-direction: row;
}
.file .file-details .file-name {
  width: 100%;
  color: var(--lightblue-500);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.375rem;
  letter-spacing: 0%;
  align-self: center;
}
.file .file-details .file-info {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: rgba(var(--blue-900-rgb), 0.65);
}
.file .file-actions {
  display: flex;
  margin-left: auto;
  align-self: center;
}
.file .file-actions .btn {
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 0.25rem var(--space-sm);
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
  border: none;
  border-radius: 0;
  color: var(--blue-900);
}
.file .file-actions .btn.btn-remove {
  color: var(--red-500);
}
.file .file-actions .btn i {
  padding: 0;
}

.modal .modal-content {
  padding: 1.25rem var(--space-lg);
}
.modal .modal-content .modal-footer {
  border-top: 0;
  padding: 0;
}
.modal .modal-content .modal-header {
  padding: 0;
  border-bottom: 0;
}
.modal .modal-content .modal-header .modal-title {
  font-size: 1rem;
  line-height: 1.25rem;
}
.modal .modal-content .modal-header .bi {
  font-size: 1.25rem;
  padding-right: 0.875rem;
}
.modal .modal-content .modal-body {
  padding: var(--space-lg) 0;
}
.modal .modal-content:has(.modal-header .bi) .modal-body {
  padding: var(--space-lg) 0 var(--space-lg) 2.25rem;
}

#authorised-representatives_wrapper,
#authorised-representatives_wrapper .row,
#authorised-representatives_wrapper .dt-layout-table,
#authorised-representatives_wrapper .dt-layout-table > [class*=col] {
  padding: 0;
  margin: 0;
}

.representatives-table {
  border-collapse: separate !important;
  border-spacing: 0 0.75rem !important;
}
.representatives-table thead {
  display: none;
}
.representatives-table tr {
  min-height: 3.375rem;
  height: 3.375rem;
  vertical-align: middle;
}
.representatives-table tr td:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.representatives-table tr td:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.representatives-table tr td {
  padding: var(--space-md);
  border-top: 1px solid var(--gray-100);
  border-bottom: 1px solid var(--gray-100) !important;
}
.representatives-table tr td:first-child {
  border-left: 1px solid var(--gray-100);
}
.representatives-table tr td:last-child {
  border-right: 1px solid var(--gray-100);
}
.representatives-table tr.row-selected td {
  border-top: 1px solid var(--lightblue-500);
  border-bottom: 1px solid var(--lightblue-500) !important;
}
.representatives-table tr.row-selected td:first-child {
  border-left: 1px solid var(--lightblue-500);
}
.representatives-table tr.row-selected td:last-child {
  border-right: 1px solid var(--lightblue-500);
}
.representatives-table tr.row-invalid td {
  border-top: 1px solid var(--red-500);
  border-bottom: 1px solid var(--red-500) !important;
}
.representatives-table tr.row-invalid td:first-child {
  border-left: 1px solid var(--red-500);
}
.representatives-table tr.row-invalid td:last-child {
  border-right: 1px solid var(--red-500);
}
.representatives-table :not(caption) > * > *:not(.badge) {
  background-color: var(--gray-100) !important;
}

.fina-checkbox {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.fina-checkbox:checked {
  color: var(--blue-900);
  accent-color: var(--blue-900);
}

.dt-container .table-center {
  vertical-align: middle;
}
.dt-container .row:first-child {
  margin-top: 0 !important;
}
.dt-container table.table {
  color: var(--blue-900);
}
.dt-container table.table.dataTable th {
  background-color: var(--gray-100);
  padding: var(--space-md);
  color: var(--blue-900);
}
.dt-container table.table.dataTable th.dt-type-numeric div.dt-column-header, .dt-container table.table.dataTable th.dt-right div.dt-column-header {
  flex-direction: row;
}
.dt-container table.table.dataTable tr td {
  padding: var(--space-md);
  color: var(--blue-900);
}
.dt-container table.table.dataTable tr td.dataTables_empty {
  padding: 3rem var(--space-md) !important;
  text-align: center;
}
.dt-container .dt-empty-state {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  color: rgba(var(--blue-900-rgb), 0.25);
  padding: var(--space-md) 0.5rem;
}
.dt-container .dt-empty-state svg {
  width: 100px;
  height: 80px;
}
.dt-container .dt-empty-state span {
  font-size: 0.875rem;
  color: var(--blue-900);
}
.dt-container .dt-paging {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.dt-container .dt-paging .pagination {
  gap: 0.5rem;
}
.dt-container .dt-paging .pagination .dt-paging-button .page-link {
  background: transparent;
  border: 0;
  color: var(--blue-900);
  display: inline-flex;
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: left;
  text-decoration: none;
  width: fit-content;
  font-weight: 400;
}
.dt-container .dt-paging .pagination .dt-paging-button .page-link:focus {
  box-shadow: none;
}
.dt-container .dt-paging .pagination .dt-paging-button.disabled .page-link {
  border-color: var(--blue-500);
  opacity: 0.5;
  pointer-events: none;
}
.dt-container .dt-paging .pagination .dt-paging-button.active .page-link {
  border-color: var(--lightblue-500);
  color: var(--lightblue-500);
  border: 1px solid var(--lightblue-500);
  border-radius: 6px;
}
.dt-container .dt-length select {
  margin-right: 0 !important;
}
.dt-container .dt-search .form-control {
  margin-left: 0 !important;
  width: 350px;
}
@media (max-width: 767px) {
  .dt-container div.dt-search,
  .dt-container div.dt-info {
    text-align: left !important;
  }
  .dt-container .dt-layout-start {
    text-align: left;
  }
  .dt-container .dt-layout-end {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
  }
  .dt-container .dt-layout-end .dt-paging {
    flex: 1;
  }
  .dt-container .dt-layout-end .dt-paging .pagination {
    justify-content: flex-start;
  }
}

div.dt-processing {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
div.dt-processing div:last-child > div {
  background-color: var(--blue-900);
}

.select2 .selection .select2-selection .select2-selection__rendered {
  align-items: center;
}
.select2 .selection .select2-search {
  width: unset;
}

.select2-container .select2-selection {
  border-color: var(--border-color);
  border-radius: 6px !important;
}
.select2-container .select2-selection .select2-search__field::placeholder {
  color: rgba(var(--blue-900-rgb), 0.45);
}

.select2-container--bootstrap-5 .select2-selection--multiple {
  padding: 0.25rem var(--space-sm) !important;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin-bottom: 0;
  padding: 0px 0.5rem !important;
  font-size: 0.75rem !important;
  line-height: 1.25rem;
  background-color: var(--gray);
  border: 0;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
  height: 2rem;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
  font-size: 0.875rem;
  line-height: 1.375rem;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: inherit;
}

.vertical-line {
  border: 0;
  border-left: 1px solid;
  color: inherit;
  margin: 0 var(--space-md);
  opacity: 0.25;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--lightblue-500-rgb), 0.25);
}
.form-check-input:checked {
  background-color: var(--lightblue-500);
  border-color: var(--lightblue-500);
}

.item-details {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--gray);
}
.item-details .item {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.item-details .item .item-label {
  width: 50%;
  min-width: 50%;
}
.item-details .item .item-value {
  font-weight: 600;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.item-details .item .item-value-challenged {
  font-weight: 600;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.item-details .item [class*=col-] {
  padding: 0;
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
}
.item-details .item .form-control.challenge-new-value {
  font-size: 0.875rem;
  padding: 0.1rem 0.5rem;
}
.item-details .item .text-bg-danger {
  padding-left: 0.5rem;
}
.item-details .item .text-bg-danger:has(.badge) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.item-details.item-details-header {
  background-color: var(--gray-100);
  border-bottom: 0;
  border-radius: 0.375rem;
}

.nav-pills {
  gap: 1.25rem;
}
.nav-pills .nav-link {
  color: var(--blue-900);
  padding: var(--space-sm) 0rem;
  border-radius: 0;
}
.nav-pills .nav-link.active {
  background-color: var(--white);
  color: var(--lightblue-500);
  border-bottom: 2px solid var(--lightblue-500);
}

.swal2-container .swal2-toast {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.swal2-container .swal2-toast .swal2-html-container {
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.swal2-container .swal2-toast .swal2-icon {
  width: 1em;
  min-width: 1em;
  height: 1em;
  border: 0;
}
.swal2-container .swal2-toast .swal2-icon .swal2-icon-content {
  font-size: 1rem;
}
.swal2-container .swal2-close {
  color: rgba(var(--blue-900-rgb), 0.45);
}
.swal2-container .swal2-modal {
  padding: 1.25rem var(--space-lg);
  display: block !important;
}
.swal2-container .swal2-modal .swal2-title {
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  display: inline-block !important;
  padding-left: var(--space-xl);
  padding-bottom: 0.5rem;
}
.swal2-container .swal2-modal .swal2-html-container {
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: left;
  padding-left: var(--space-xl);
  padding-bottom: var(--space-sm);
}
.swal2-container .swal2-modal .swal2-checkbox {
  font-size: 0.875rem;
  line-height: 1.375rem;
  justify-content: flex-start;
  padding-bottom: var(--space-sm);
  margin-bottom: var(--space-sm);
  gap: 0.5rem;
}
.swal2-container .swal2-modal .swal2-checkbox input[type=checkbox] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
  accent-color: var(--bs-primary, #0d6efd);
}
.swal2-container .swal2-modal .swal2-checkbox .swal2-label {
  cursor: pointer;
}
.swal2-container .swal2-modal .swal2-validation-message {
  background: var(--red-200);
  border: 1px solid var(--red-300);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: inherit;
  justify-content: flex-start;
  padding: 0.5rem var(--space-sm);
  margin: 0 0 var(--space-sm);
}
.swal2-container .swal2-modal .swal2-validation-message::before {
  font-family: "bootstrap-icons";
  content: "\f332";
  color: var(--red-100);
  font-size: 0.875rem;
  background: none;
  border-radius: 0;
  margin-right: 0.5rem;
}
.swal2-container .swal2-modal .swal2-icon {
  width: 1.375rem;
  min-width: 1.375rem;
  height: 1.375rem;
  line-height: 1.375rem;
  border: 0;
  margin: 0;
  position: absolute;
}
.swal2-container .swal2-modal .swal2-icon .swal2-icon-content {
  font-size: 1.375rem;
}
.swal2-container .swal2-modal .swal2-actions {
  margin-top: 0;
}
.swal2-container .swal2-modal .swal2-actions .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.swal2-container.swal2-top {
  padding-top: var(--space-xl);
}

.page-loader-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  background-color: rgba(32, 40, 73, 0.65);
  backdrop-filter: blur(1px);
  color: var(--white);
}

.page-loader-spinner {
  width: 3rem;
  height: 3rem;
  border: 0.35rem solid rgba(255, 255, 255, 0.35);
  border-top-color: var(--lightblue-500);
  border-radius: 50%;
  animation: page-loader-spin 0.8s linear infinite;
}

.page-loader-text {
  font-size: 1.125rem;
  font-weight: 600;
}

body.page-loader-open {
  overflow: hidden;
}

@keyframes page-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
.responsive-just {
  display: flex;
  justify-content: space-between;
}

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

.text-strikeout {
  text-decoration: line-through;
  text-decoration-color: var(--red-500);
}

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

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

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

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

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

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

.challenge-new {
  font-weight: bold;
  color: var(--green-900);
}

.hidden {
  display: none;
}

.unused-persons td {
  background-color: lightgray !important;
}

.badge {
  font-weight: 400;
  border-radius: 4px;
  font-size: 0.75rem;
  line-height: 1.25rem;
  padding: 0px 0.5rem;
}
.badge.badge-red {
  background-color: var(--red-200);
  color: var(--red-500);
}
.badge.badge-green {
  background-color: var(--green-100);
  color: var(--green-500);
}
.badge.badge-gray {
  background-color: var(--gray-100);
  color: var(--blue-900);
}
.badge.badge-blue {
  background-color: var(--lightblue-100);
  color: var(--lightblue-500);
}
.badge.badge-orange {
  background-color: var(--orange-100);
  color: var(--orange-500);
}
.badge.badge-purple {
  background-color: var(--purple-100);
  color: var(--purple-500);
}
.badge.badge-cyan {
  background-color: var(--cyan-100);
  color: var(--cyan-500);
}

.breadcrumb {
  margin-bottom: 0.5rem;
}
.breadcrumb .breadcrumb-item a {
  color: rgba(var(--blue-900-rgb), 0.65);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--blue-900);
}

.modal-upload-body .doucment-drop-zone {
  border: 2px dashed #dee2e6;
  border-radius: 0.5rem;
  background-color: #f8f9fa;
  text-align: center;
  padding: 2.5rem var(--space-lg);
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.modal-upload-body .doucment-drop-zone:hover, .modal-upload-body .doucment-drop-zone.drop-zone-active {
  border-color: #0d6efd;
  background-color: #e7f0ff;
}
.modal-upload-body .doucment-drop-zone .document-drop-icon {
  font-size: 3rem;
  color: #0d6efd;
  margin-bottom: var(--space-sm);
}
.modal-upload-body .title-xs {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  letter-spacing: 0%;
  margin-bottom: var(--space-sm);
}