/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */
:root {
  --portalThemeColor1: #001ed2;
  --portalThemeColor2: #605E5C;
  --portalThemeColor3: #F3F2F1;
  --portalThemeColor4: #00003C;
  --portalThemeColor5: #F8F8F8;
  --portalThemeColor6: #5C5A58;
  --portalThemeColor7: #FFFFFF;
  --portalThemeColor8: #000000;
  --portalThemeColor9: #191817;
  --portalThemeColor10: ;
  --portalThemeColor11: ;
  --portalThemeColor12: ;
  --portalThemeOnColor1: #FFFFFF;
  --portalThemeOnColor2: #FFFFFF;
  --portalThemeOnColor3: #00003C;
  --portalThemeOnColor4: #FFFFFF;
  --portalThemeOnColor5: #00003C;
  --portalThemeOnColor6: #FFFFFF;
  --portalThemeOnColor7: #00003C;
  --portalThemeOnColor8: #FFFFFF;
  --portalThemeOnColor9: #FFFFFF;
  --portalThemeOnColor10: ;
  --portalThemeOnColor11: ;
  --portalThemeOnColor12: ; }

[data-component-theme="portalThemeColor1"] {
  background-color: var(--portalThemeColor1);
  color: var(--portalThemeOnColor1); }
  [data-component-theme="portalThemeColor1"] h1, [data-component-theme="portalThemeColor1"] h2, [data-component-theme="portalThemeColor1"] h3, [data-component-theme="portalThemeColor1"] h4, [data-component-theme="portalThemeColor1"] h5, [data-component-theme="portalThemeColor1"] h6, [data-component-theme="portalThemeColor1"] p, [data-component-theme="portalThemeColor1"] p.smallText {
    color: var(--portalThemeOnColor1); }

[data-component-theme="portalThemeColor2"] {
  background-color: var(--portalThemeColor2);
  color: var(--portalThemeOnColor2); }
  [data-component-theme="portalThemeColor2"] h1, [data-component-theme="portalThemeColor2"] h2, [data-component-theme="portalThemeColor2"] h3, [data-component-theme="portalThemeColor2"] h4, [data-component-theme="portalThemeColor2"] h5, [data-component-theme="portalThemeColor2"] h6, [data-component-theme="portalThemeColor2"] p, [data-component-theme="portalThemeColor2"] p.smallText {
    color: var(--portalThemeOnColor2); }

[data-component-theme="portalThemeColor3"] {
  background-color: var(--portalThemeColor3);
  color: var(--portalThemeOnColor3); }
  [data-component-theme="portalThemeColor3"] h1, [data-component-theme="portalThemeColor3"] h2, [data-component-theme="portalThemeColor3"] h3, [data-component-theme="portalThemeColor3"] h4, [data-component-theme="portalThemeColor3"] h5, [data-component-theme="portalThemeColor3"] h6, [data-component-theme="portalThemeColor3"] p, [data-component-theme="portalThemeColor3"] p.smallText {
    color: var(--portalThemeOnColor3); }

[data-component-theme="portalThemeColor4"] {
  background-color: var(--portalThemeColor4);
  color: var(--portalThemeOnColor4); }
  [data-component-theme="portalThemeColor4"] h1, [data-component-theme="portalThemeColor4"] h2, [data-component-theme="portalThemeColor4"] h3, [data-component-theme="portalThemeColor4"] h4, [data-component-theme="portalThemeColor4"] h5, [data-component-theme="portalThemeColor4"] h6, [data-component-theme="portalThemeColor4"] p, [data-component-theme="portalThemeColor4"] p.smallText {
    color: var(--portalThemeOnColor4); }

[data-component-theme="portalThemeColor5"] {
  background-color: var(--portalThemeColor5);
  color: var(--portalThemeOnColor5); }
  [data-component-theme="portalThemeColor5"] h1, [data-component-theme="portalThemeColor5"] h2, [data-component-theme="portalThemeColor5"] h3, [data-component-theme="portalThemeColor5"] h4, [data-component-theme="portalThemeColor5"] h5, [data-component-theme="portalThemeColor5"] h6, [data-component-theme="portalThemeColor5"] p, [data-component-theme="portalThemeColor5"] p.smallText {
    color: var(--portalThemeOnColor5); }

[data-component-theme="portalThemeColor6"] {
  background-color: var(--portalThemeColor6);
  color: var(--portalThemeOnColor6); }
  [data-component-theme="portalThemeColor6"] h1, [data-component-theme="portalThemeColor6"] h2, [data-component-theme="portalThemeColor6"] h3, [data-component-theme="portalThemeColor6"] h4, [data-component-theme="portalThemeColor6"] h5, [data-component-theme="portalThemeColor6"] h6, [data-component-theme="portalThemeColor6"] p, [data-component-theme="portalThemeColor6"] p.smallText {
    color: var(--portalThemeOnColor6); }

[data-component-theme="portalThemeColor7"] {
  background-color: var(--portalThemeColor7);
  color: var(--portalThemeOnColor7); }
  [data-component-theme="portalThemeColor7"] h1, [data-component-theme="portalThemeColor7"] h2, [data-component-theme="portalThemeColor7"] h3, [data-component-theme="portalThemeColor7"] h4, [data-component-theme="portalThemeColor7"] h5, [data-component-theme="portalThemeColor7"] h6, [data-component-theme="portalThemeColor7"] p, [data-component-theme="portalThemeColor7"] p.smallText {
    color: var(--portalThemeOnColor7); }

[data-component-theme="portalThemeColor8"] {
  background-color: var(--portalThemeColor8);
  color: var(--portalThemeOnColor8); }
  [data-component-theme="portalThemeColor8"] h1, [data-component-theme="portalThemeColor8"] h2, [data-component-theme="portalThemeColor8"] h3, [data-component-theme="portalThemeColor8"] h4, [data-component-theme="portalThemeColor8"] h5, [data-component-theme="portalThemeColor8"] h6, [data-component-theme="portalThemeColor8"] p, [data-component-theme="portalThemeColor8"] p.smallText {
    color: var(--portalThemeOnColor8); }

[data-component-theme="portalThemeColor9"] {
  background-color: var(--portalThemeColor9);
  color: var(--portalThemeOnColor9); }
  [data-component-theme="portalThemeColor9"] h1, [data-component-theme="portalThemeColor9"] h2, [data-component-theme="portalThemeColor9"] h3, [data-component-theme="portalThemeColor9"] h4, [data-component-theme="portalThemeColor9"] h5, [data-component-theme="portalThemeColor9"] h6, [data-component-theme="portalThemeColor9"] p, [data-component-theme="portalThemeColor9"] p.smallText {
    color: var(--portalThemeOnColor9); }

[data-component-theme="portalThemeColor10"] {
  background-color: var(--portalThemeColor10);
  color: var(--portalThemeOnColor10); }
  [data-component-theme="portalThemeColor10"] h1, [data-component-theme="portalThemeColor10"] h2, [data-component-theme="portalThemeColor10"] h3, [data-component-theme="portalThemeColor10"] h4, [data-component-theme="portalThemeColor10"] h5, [data-component-theme="portalThemeColor10"] h6, [data-component-theme="portalThemeColor10"] p, [data-component-theme="portalThemeColor10"] p.smallText {
    color: var(--portalThemeOnColor10); }

[data-component-theme="portalThemeColor11"] {
  background-color: var(--portalThemeColor11);
  color: var(--portalThemeOnColor11); }
  [data-component-theme="portalThemeColor11"] h1, [data-component-theme="portalThemeColor11"] h2, [data-component-theme="portalThemeColor11"] h3, [data-component-theme="portalThemeColor11"] h4, [data-component-theme="portalThemeColor11"] h5, [data-component-theme="portalThemeColor11"] h6, [data-component-theme="portalThemeColor11"] p, [data-component-theme="portalThemeColor11"] p.smallText {
    color: var(--portalThemeOnColor11); }

[data-component-theme="portalThemeColor12"] {
  background-color: var(--portalThemeColor12);
  color: var(--portalThemeOnColor12); }
  [data-component-theme="portalThemeColor12"] h1, [data-component-theme="portalThemeColor12"] h2, [data-component-theme="portalThemeColor12"] h3, [data-component-theme="portalThemeColor12"] h4, [data-component-theme="portalThemeColor12"] h5, [data-component-theme="portalThemeColor12"] h6, [data-component-theme="portalThemeColor12"] p, [data-component-theme="portalThemeColor12"] p.smallText {
    color: var(--portalThemeOnColor12); }

body {
  color: #00003C;
  background-color: #FFFFFF; }

legend {
  color: #00003C; }

footer {
  color: #FFFFFF;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px; }
  footer .footer-bottom {
    background-color: #00003C; }

.columnBlockLayout {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 16px; }

.ppFlexContainer {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px; }

.sectionBlockLayout .columnBlockLayout:has(.ppFlexContainer) {
  display: block !important;
  height: fit-content !important; }

.sectionBlockLayout .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.ppFlexContainer .button1, .ppFlexContainer .button2 {
  white-space: nowrap; }

@media (min-width: 768px) {
  .ppFlexContainer {
    flex-basis: 0%; } }

.breadcrumb {
  background-color: transparent; }
  .breadcrumb > li a {
    color: #00003C; }
    .breadcrumb > li a:hover {
      color: #00003C; }
  .breadcrumb > .active {
    color: #00003C; }

.nav-tabs > li > a:hover {
  background-color: #f2f2f2;
  color: #00003C; }

.nav-tabs > li > a:focus {
  background-color: #f2f2f2;
  color: #00003C; }

.btn-primary {
  color: #FFFFFF;
  background-color: #001ed2;
  border-color: #001ed2;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #001ed2;
  color: #FFFFFF; }
  .btn-primary:hover {
    color: #FFFFFF;
    background-color: #00127E;
    border-color: #001ed2; }
  .btn-primary:active, .btn-primary.active {
    color: #FFFFFF;
    background-color: #00127E;
    border-color: #001ed2; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #FFFFFF;
      background-color: #00127E;
      border-color: #001ed2; }
  .btn-primary:focus, .btn-primary.focus {
    color: #FFFFFF;
    background-color: #00127E;
    border-color: #001ed2; }

.static-top.navbar-dark {
  background-color: #00003C; }

.navbar-toggler {
  background-color: #001ed2; }

.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  border: 1px solid transparent; }
  .static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    text-decoration: Underline; }

.navbar-dark .navbar-toggler {
  border: 1px solid #001ed2; }
  .navbar-dark .navbar-toggler:hover {
    background-color: #191817;
    border-color: #191817; }
  .navbar-dark .navbar-toggler:focus {
    border: 1px solid #ffffff;
    background-color: #191817; }
  .navbar-dark .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FFFFFF'  stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a {
  color: #FFFFFF;
  font-family: Arial;
  font-weight: 400;
  font-size: 20px; }
  .navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
    background-color: #00003C;
    color: #ffffff;
    text-decoration: Underline; }
  .navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus {
    background-color: #00003C;
    color: #ffffff;
    text-decoration: Underline; }
  .navbar-dark .navbar-nav > li > a:focus-visible, .navbar-dark .navbar-nav > li.dropdown > a:focus-visible {
    background-color: #00003C;
    color: #ffffff;
    text-decoration: Underline; }

.navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show {
  color: #ffffff;
  background-color: #00003C;
  text-decoration: Underline; }
  .navbar-dark .navbar-nav a.show:hover, .navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
    color: #ffffff;
    background-color: #00003C;
    text-decoration: Underline; }
  .navbar-dark .navbar-nav a.show:focus, .navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
    color: #ffffff;
    background-color: #00003C;
    text-decoration: Underline; }

.navbar-dark .navbar-nav .show.dropdown-menu {
  background-color: #00003C;
  text-decoration: none; }
  .navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    color: #ffffff;
    text-decoration: none; }
    .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
      background-color: #ffffff;
      color: #00003C;
      text-decoration: Underline; }
    .navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus {
      background-color: #ffffff;
      color: #00003C;
      text-decoration: Underline; }
  .navbar-dark .navbar-nav .show.dropdown-menu > .active > a {
    background-color: #ffffff;
    color: #00003C;
    text-decoration: Underline; }
    .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover {
      background-color: #ffffff;
      color: #00003C;
      text-decoration: Underline; }
    .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus {
      background-color: #ffffff;
      color: #00003C;
      text-decoration: Underline; }

.nav > li > a {
  text-decoration: none; }
  .nav > li > a:hover {
    background-color: #f2f2f2; }
  .nav > li > a:focus {
    background-color: #f2f2f2; }

.nav .show.dropdown-menu {
  background-color: #FFFFFF; }
  .nav .show.dropdown-menu > li > a {
    text-decoration: none;
    color: #00003C; }
    .nav .show.dropdown-menu > li > a:hover {
      background-color: #f2f2f2;
      color: #00003C; }
    .nav .show.dropdown-menu > li > a:focus {
      background-color: #f2f2f2;
      color: #00003C; }
  .nav .show.dropdown-menu > .active > a {
    background-color: #f2f2f2;
    color: #00003C; }
    .nav .show.dropdown-menu > .active > a:hover {
      background-color: #f2f2f2;
      color: #00003C; }
    .nav .show.dropdown-menu > .active > a:focus {
      background-color: #f2f2f2;
      color: #00003C; }

.nav > .dropdown > a.show {
  text-decoration: none;
  background-color: Underline; }
  .nav > .dropdown > a.show:hover {
    background-color: Underline; }
  .nav > .dropdown > a.show:focus {
    background-color: Underline; }

@media (min-width: 576px) {
  .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm {
    max-width: 720px; } }

@media (min-width: 992px) {
  .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl {
    max-width: 1140px; } }

@media (min-width: 1400px) {
  .row.sectionBlockLayout > .container, .row.sectionBlockLayout > .container-lg, .row.sectionBlockLayout > .container-md, .row.sectionBlockLayout > .container-sm, .row.sectionBlockLayout > .container-xl, .row.sectionBlockLayout > .container-xxl {
    max-width: 1320px; } }

.sectionPrimaryColor {
  background-color: #605E5C;
  color: #ffffff; }
  .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6, .sectionPrimaryColor p, .sectionPrimaryColor a {
    color: #ffffff; }
  .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6, .sectionPrimaryColor .crmEntityFormView p, .sectionPrimaryColor .crmEntityFormView a {
    color: #00003C; }
  .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6, .sectionPrimaryColor .entitylist p, .sectionPrimaryColor .entitylist a {
    color: #00003C; }

a:not(.btn) {
  text-decoration: none; }
  a:not(.btn):hover {
    text-decoration: underline; }

a,
.a {
  color: #00003C;
  font-family: Arial;
  font-weight: 400;
  font-size: 14px; }
  a:hover, a:focus,
.a:hover,
.a:focus {
    color: #191817; }

a[disabled] {
  color: #A19F9D;
  pointer-events: none; }

button[disabled] {
  background-color: #F3F2F1;
  color: #A19F9D;
  pointer-events: none;
  border: 2px; }

.btn-secondary.dropdown-toggle.show {
  color: #001ed2;
  background-color: #F2F4FD;
  border-color: #6678E4; }

.btn-default.dropdown-toggle.show {
  color: #001ed2;
  background-color: #F2F4FD;
  border-color: #6678E4; }

.btn-primary.dropdown-toggle.show {
  color: #ffffff;
  background-color: #00127E;
  border-color: #001ed2; }
  .btn-primary.dropdown-toggle.show:hover, .btn-primary.dropdown-toggle.show:focus, .btn-primary.dropdown-toggle.show.focus {
    color: #FFFFFF;
    background-color: #00127E;
    border-color: #001ed2; }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  background-color: #FFFFFF;
  color: #00003C;
  border: 1px solid #f2f2f2; }

.card-body, .list-group-item {
  background-color: #FFFFFF;
  color: #00003C; }

.card-header {
  background-color: #f2f2f2;
  color: #00003C; }

.facet-list-group-item-title {
  color: #00003C; }

.form-control {
  background-color: #FFFFFF !important;
  color: #00003C; }

input {
  background-color: #FFFFFF; }

.bootstrap-datetimepicker-widget {
  background-color: #FFFFFF; }
  .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
    color: #00003C; }
  .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
    color: white; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: unset; }

.login-heading-section {
  color: unset; }

.static-top.navbar-dark .navbar-brand a {
  color: #ffffff; }

.search-results .highlight {
  color: #00003C; }

.table > thead > tr.info > td {
  background-color: #f2f2f2; }

.table > thead > tr.info > th {
  background-color: #f2f2f2; }

.table > thead > tr > td.info {
  background-color: #f2f2f2; }

.table > thead > tr > th.info {
  background-color: #f2f2f2; }

.table > tbody > tr.info > td {
  background-color: #f2f2f2; }

.table > tbody > tr.info > th {
  background-color: #f2f2f2; }

.table > tbody > tr > td.info {
  background-color: #f2f2f2; }

.table > tbody > tr > th.info {
  background-color: #f2f2f2; }

.table > tfoot > tr.info > td {
  background-color: #f2f2f2; }

.table > tfoot > tr.info > th {
  background-color: #f2f2f2; }

.table > tfoot > tr > td.info {
  background-color: #f2f2f2; }

.table > tfoot > tr > th.info {
  background-color: #f2f2f2; }

.table-hover > tbody > tr:hover {
  background-color: #f2f2f2; }

.table-hover > tbody > tr > td.info:hover {
  background-color: #f2f2f2; }

.table-hover > tbody > tr > th.info:hover {
  background-color: #f2f2f2; }

.table-hover > tbody > tr.info:hover > td {
  background-color: #f2f2f2; }

.table-hover > tbody > tr.info:hover > th {
  background-color: #f2f2f2; }

.table-hover > tbody > tr:hover > .info {
  background-color: #f2f2f2; }

.form-close {
  color: #00003C; }
  .form-close:hover {
    color: #00003C !important; }
  .form-close:focus {
    color: #00003C !important; }

::placeholder {
  color: #00003C !important; }

.help-block {
  color: #00003C; }

.msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
  color: #00003C !important;
  background: #FFFFFF !important; }

.msos-option-selected, .msos-selected-display-item, .msos-quick-delete, .msos-quick-delete:hover {
  background: #f2f2f2 !important; }

.msos-label, .msos-quick-delete, .msos-quick-delete:hover {
  color: #00003C !important; }

.msos-option-focused:after, .msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after, .msos-selecteditems-toggle:focus {
  border-color: #000000 !important; }

.msos-option:hover, .msos-option-selected:hover {
  background: #f9f9f9 !important; }

.msos-selecteditems-toggle {
  color: #605E5C !important; }

h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
  font-family: Arial;
  font-weight: 400;
  font-size: 40px;
  color: #00003C;
  margin-left: 0px;
  margin-right: 0px; }

h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
  font-family: Arial;
  font-weight: 400;
  font-size: 36px;
  color: #00003C; }

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
  font-family: Arial;
  font-weight: 400;
  font-size: 24px;
  color: #00003C; }

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  color: #00003C; }

h5,
.h5 {
  font-family: Arial;
  font-weight: 700;
  font-size: 14px;
  color: #00003C; }

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  color: #00003C; }

.p2 {
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #00003C; }

.button1 {
  color: #FFFFFF;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: #001ed2;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  border-width: 1.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #001ed2; }
  .button1:hover {
    color: #FFFFFF;
    background-color: #00127E;
    border-color: #001ed2; }
  .button1:active, .button1.active {
    color: #FFFFFF !important;
    background-color: #00127E !important;
    border-color: #001ed2 !important; }
  .button1:focus, .button1.focus, .button1:focus-visible {
    color: #FFFFFF;
    background-color: #00127E;
    border-color: #001ed2; }

.button2, .btn-secondary, .btn-default {
  color: #00003C;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: #00003C;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  border-width: 1.6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent; }
  .button2:hover, .btn-secondary:hover, .btn-default:hover {
    color: #001ed2;
    background-color: #F2F4FD;
    border-color: #6678E4; }
  .button2:active, .button2.active, .btn-secondary:active, .btn-secondary.active, .btn-default:active, .btn-default.active {
    color: #001ed2 !important;
    background-color: rgb(242, 244, 253) !important;
    border-color: #6678E4 !important; }
  .button2:focus, .button2.focus, .button2:focus-visible, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:focus-visible, .btn-default:focus, .btn-default.focus, .btn-default:focus-visible {
    color: #001ed2;
    background-color: #F2F4FD;
    border-color: #6678E4; }

.static-top.navbar-dark .navbar-brand a p,
.static-top.navbar-dark .navbar-brand a h1,
.static-top.navbar-dark .navbar-brand a h2,
.static-top.navbar-dark .navbar-brand a h3,
.static-top.navbar-dark .navbar-brand a h4,
.static-top.navbar-dark .navbar-brand a h5,
.static-top.navbar-dark .navbar-brand a span {
  display: inline;
  vertical-align: middle;
  color: #FFFFFF; }

h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
  display: inline;
  vertical-align: middle;
  color: #00003C;
  font-family: Arial;
  font-weight: 400;
  font-size: 30px; }

p.smallText {
  display: inline;
  vertical-align: middle;
  color: #FFFFFF;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px; }

a.anchor-inherit-styles {
  font-size: inherit;
  font-family: inherit;
  color: inherit; }

a.anchor-hover-color-color1:hover {
  color: var(--portalThemeColor1) !important; }

a.anchor-hover-color-color2:hover {
  color: var(--portalThemeColor2) !important; }

a.anchor-hover-color-color3:hover {
  color: var(--portalThemeColor3) !important; }

a.anchor-hover-color-color4:hover {
  color: var(--portalThemeColor4) !important; }

a.anchor-hover-color-color5:hover {
  color: var(--portalThemeColor5) !important; }

a.anchor-hover-color-color6:hover {
  color: var(--portalThemeColor6) !important; }

a.anchor-hover-color-color7:hover {
  color: var(--portalThemeColor7) !important; }

a.anchor-hover-color-color8:hover {
  color: var(--portalThemeColor8) !important; }

a.anchor-hover-color-color9:hover {
  color: var(--portalThemeColor9) !important; }

a.anchor-hover-color-color10:hover {
  color: var(--portalThemeColor10) !important; }

a.anchor-hover-color-color11:hover {
  color: var(--portalThemeColor11) !important; }

a.anchor-hover-color-color12:hover {
  color: var(--portalThemeColor12) !important; }

a.anchor-text-decoration-none {
  text-decoration: none; }

a.anchor-text-decoration-underline {
  text-decoration: underline; }

a.anchor-hover-text-decoration-none:hover {
  text-decoration: none; }

a.anchor-hover-text-decoration-underline:hover {
  text-decoration: underline; }

/*Bootstrap V5 Changes */
.form-select, .crmentityformview select {
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); }

.table-striped, .table-info, .table-striped > tbody > tr:nth-of-type(odd) > *, .form-control:focus, .dropdown-menu, .datepicker button {
  color: #00003C; }

.popover-body {
  background-color: #FFFFFF;
  color: #00003C;
  border: 1px solid #f2f2f2; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  display: block;
  width: auto;
  background-color: #00003C;
  color: #ffffff; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
  width: auto;
  background-color: #00003C;
  color: #ffffff; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #00003C;
  white-space: nowrap;
  width: auto; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 21px;
  margin-bottom: 10.5px; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px; }

a.nav-link[role="tab"]:not(.active) {
  color: #00003C;
  font-family: Arial;
  font-weight: 400;
  font-size: 14px; }

a.active.nav-link[role="tab"] {
  font-size: 14px;
  text-decoration: none; }

.crmEntityFormView label {
  background-color: #FFFFFF;
  color: #00003C; }

/* till here */


/* ======================================================================
   Enterprise overrides for Power Pages
   Source basis:
   - portalbasictheme.css
   - styling FOOTER Wunsch.css
   Goal:
   - keep Microsoft theme output intact
   - apply a clean, maintainable design layer for Power Pages components
   ====================================================================== */

:root {
  --pp-font-family: "TNG Pro", Arial, sans-serif;
  --pp-color-primary: #001ed2;
  --pp-color-primary-hover: #00127E;
  --pp-color-secondary-hover-bg: #F2F4FD;
  --pp-color-secondary-hover-border: #6678E4;
  --pp-color-secondary: #00003C;
  --pp-color-text: #191817;
  --pp-color-text-soft: #00003C;
  --pp-color-border: #D6DCE2;
  --pp-color-border-soft: #F2F2F5;
  --pp-color-surface: #FFFFFF;
  --pp-color-surface-subtle: #F6F6F8;
  --pp-color-surface-hover: #ECECF0;
  --pp-color-surface-selected: #E6E9FB;
  --pp-color-disabled-text: #A0A7B1;
  --pp-color-focus: #6678e4;
  --pp-color-focus-soft: #CCD2F6;
  --pp-radius-sm: 0.25rem;
  --pp-radius-pill: 9999px;
  --pp-shadow-focus: 0 0 0 3px #ffffff;
  --pp-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ----------------------------------------------------------------------
   Base typography refinement for form-heavy Power Pages screens
   ---------------------------------------------------------------------- */
.crmEntityFormView,
.entitylist,
.form-horizontal,
.modal-content,
.popover-content,
.dropdown-menu,
.alert,
.table,
.btn,
button,
input,
select,
textarea,
label {
  font-family: var(--pp-font-family);
}

label,
.crmEntityFormView label,
.control-label,
.entity-form label {
  font-family: var(--pp-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--pp-color-secondary);
  background-color: transparent;
  margin-bottom: 0.375rem;
}

/* ----------------------------------------------------------------------
   Buttons
   Inspired by .c-button from Wunsch-CSS, mapped to Power Pages classes
   ---------------------------------------------------------------------- */
.button1,
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
input[type="button"].btn-primary,
input[type="reset"].btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem 1.25rem;
  overflow: hidden;
  border: 1px solid var(--pp-color-primary);
  border-radius: var(--pp-radius-sm);
  background-color: var(--pp-color-primary);
  color: #FFFFFF;
  font-family: var(--pp-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--pp-transition);
  box-shadow: none;
}

.button1:hover,
.btn-primary:hover,
.button1:focus,
.btn-primary:focus,
.button1.focus,
.btn-primary.focus,
.button1:active,
.btn-primary:active,
.button1.active,
.btn-primary.active,
.btn-primary.dropdown-toggle.show {
  color: #FFFFFF;
  background-color: var(--pp-color-primary-hover);
  border-color: var(--pp-color-primary);
  text-decoration: none;
  box-shadow: none;
}

.button1:focus-visible,
.btn-primary:focus-visible,
.btn-primary.dropdown-toggle.show:focus-visible {
  outline: 3px solid var(--pp-color-focus);
  outline-offset: 3px;
  box-shadow: var(--pp-shadow-focus);
}

.button2,
.btn-secondary,
.btn-default,
button.btn-secondary,
button.btn-default,
input[type="submit"].btn-secondary,
input[type="button"].btn-secondary,
input[type="reset"].btn-secondary,
input[type="submit"].btn-default,
input[type="button"].btn-default,
input[type="reset"].btn-default {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem 1.25rem;
  overflow: hidden;
  border: 1px solid var(--pp-color-secondary);
  border-radius: var(--pp-radius-sm);
  background-color: #FFFFFF;
  color: var(--pp-color-secondary);
  font-family: var(--pp-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: var(--pp-transition);
  box-shadow: none;
}

.button2:hover,
.btn-secondary:hover,
.btn-default:hover,
.button2:focus,
.btn-secondary:focus,
.btn-default:focus,
.button2.focus,
.btn-secondary.focus,
.btn-default.focus,
.button2:active,
.btn-secondary:active,
.btn-default:active,
.button2.active,
.btn-secondary.active,
.btn-default.active,
.btn-secondary.dropdown-toggle.show,
.btn-default.dropdown-toggle.show {
  color: var(--pp-color-primary);
  background-color: var(--pp-color-secondary-hover-bg);
  border-color: var(--pp-color-secondary-hover-border);
  text-decoration: none;
  box-shadow: none;
}

.button2:focus-visible,
.btn-secondary:focus-visible,
.btn-default:focus-visible,
.btn-secondary.dropdown-toggle.show:focus-visible,
.btn-default.dropdown-toggle.show:focus-visible {
  outline: 3px solid var(--pp-color-focus);
  outline-offset: 3px;
  box-shadow: var(--pp-shadow-focus);
}

button[disabled],
.btn[disabled],
.btn.disabled,
.button1[disabled],
.button2[disabled],
.btn-primary[disabled],
.btn-secondary[disabled],
.btn-default[disabled],
button:disabled,
.btn:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled {
  background-color: var(--pp-color-surface-subtle) !important;
  color: var(--pp-color-border) !important;
  border-color: var(--pp-color-border) !important;
  pointer-events: none;
  cursor: default;
  opacity: 1;
  box-shadow: none;
}

/* ----------------------------------------------------------------------
   Input fields / selects / textareas
   Based on Wunsch-CSS sizes, border radius and focus treatment
   ---------------------------------------------------------------------- */
.form-control,
.form-select,
.crmEntityFormView select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
textarea,
select {
  display: block;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--pp-color-border);
  border-radius: var(--pp-radius-sm);
  background-color: var(--pp-color-surface) !important;
  color: var(--pp-color-text-soft);
  font-family: var(--pp-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  transition: var(--pp-transition);
  box-shadow: none;
}

.input-sm,
input.input-sm,
select.input-sm,
textarea.input-sm {
  min-height: 2.5rem;
  padding: 0.5rem;
  font-size: 0.9375rem;
}

.input-md,
input.input-md,
select.input-md,
textarea.input-md {
  min-height: 3rem;
  padding: 0.75rem;
  font-size: 1rem;
}

.input-lg,
input.input-lg,
select.input-lg,
textarea.input-lg {
  min-height: 4rem;
  padding: 1rem;
  font-size: 1.375rem;
}

textarea,
textarea.form-control {
  min-height: 8rem;
  resize: vertical;
}

textarea.input-sm {
  min-height: 127px;
}

textarea.input-md {
  min-height: 144px;
}

textarea.input-lg {
  min-height: 203px;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: #8E97A3;
  opacity: 1;
}

.form-control:hover,
.form-select:hover,
.crmEntityFormView select:hover,
input:not([type="checkbox"]):not([type="radio"]):hover,
textarea:hover,
select:hover {
  border-color: #B8C0CC;
}

.form-control:focus,
.form-select:focus,
.crmEntityFormView select:focus,
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus {
  border-color: var(--pp-color-primary);
  outline: 3px solid var(--pp-color-focus);
  outline-offset: 2px;
  box-shadow: none;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
.crmEntityFormView select:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  background-color: var(--pp-color-surface-subtle) !important;
  border-color: var(--pp-color-border);
  color: var(--pp-color-disabled-text);
  cursor: not-allowed;
  opacity: 1;
}

select,
.form-select,
.crmEntityFormView select,
select.input-sm,
select.input-md,
select.input-lg {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M12.0001 13.2929L6.70718 8L5.29297 9.41421L12.0001 16.1213L18.7072 9.41421L17.293 8L12.0001 13.2929Z' fill='%2300003C'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
  padding-right: 2.75rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.input-sm {
  background-position: right 8px center;
  padding-right: 2.5rem;
}

select.input-md {
  background-position: right 12px center;
  padding-right: 3rem;
}

select.input-lg {
  background-position: right 16px center;
  padding-right: 3.5rem;
}

/* ----------------------------------------------------------------------
   Checkboxes / radios
   Enterprise-safe styling for Bootstrap and native Power Pages inputs
   ---------------------------------------------------------------------- */
.form-check-input,
input[type="checkbox"],
input[type="radio"] {
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  border: 1px solid var(--pp-color-border);
  background-color: #FFFFFF;
  box-shadow: none;
  accent-color: var(--pp-color-primary);
}

.form-check-input[type="checkbox"],
input[type="checkbox"] {
  border-radius: 0.25rem;
}

.form-check-input[type="radio"],
input[type="radio"] {
  border-radius: 50%;
}

.form-check-input:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover {
  border-color: var(--pp-color-primary);
}

.form-check-input:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: 3px solid var(--pp-color-focus);
  outline-offset: 2px;
  box-shadow: none;
}

.form-check-input:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  border-color: var(--pp-color-primary);
  background-color: var(--pp-color-primary);
}

.form-check-input:disabled,
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ----------------------------------------------------------------------
   Tables
   Inspired by Wunsch-CSS table spacing and refined for Power Pages grids
   ---------------------------------------------------------------------- */
.table,
.entitylist table,
.table-default table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #FFFFFF;
  color: var(--pp-color-text-soft);
  font-family: var(--pp-font-family);
  font-size: 0.9375rem;
  line-height: 1.5;
}

@media (min-width: 1440px) {
  .table,
  .entitylist table,
  .table-default table {
    font-size: 1rem;
    line-height: 1.55;
  }
}

.table > thead > tr > th,
.table > thead > tr > td,
.entitylist table > thead > tr > th,
.entitylist table > thead > tr > td {
  background-color: var(--pp-color-border-soft) !important;
  color: var(--pp-color-secondary);
  border-bottom: 1px solid var(--pp-color-border);
  font-weight: 600;
  vertical-align: middle;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.entitylist table > tbody > tr > td,
.entitylist table > tbody > tr > th {
  border-top: 1px solid #EEF1F4;
  vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #FAFBFD;
}

.table-hover > tbody > tr:hover,
.table-hover > tbody > tr:hover > * {
  background-color: var(--pp-color-surface-selected) !important;
}

/* ----------------------------------------------------------------------
   Dropdowns / pickers / menus
   ---------------------------------------------------------------------- */
.dropdown-menu,
.nav .show.dropdown-menu,
.navbar-dark .navbar-nav .show.dropdown-menu,
.bootstrap-datetimepicker-widget,
.popover-body {
  border: 1px solid var(--pp-color-border);
  border-radius: var(--pp-radius-sm);
  background-color: #FFFFFF;
  color: var(--pp-color-text-soft);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.dropdown-menu > li > a,
.dropdown-item,
.nav .show.dropdown-menu > li > a,
.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
  display: block;
  padding: 0.5rem 0.875rem;
  color: var(--pp-color-text-soft);
  font-family: var(--pp-font-family);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-item:hover,
.dropdown-item:focus,
.nav .show.dropdown-menu > li > a:hover,
.nav .show.dropdown-menu > li > a:focus,
.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover,
.navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: var(--pp-color-secondary);
  color: #FFFFFF;
  text-decoration: none;
}

/* ----------------------------------------------------------------------
   Alerts / notifications
   ---------------------------------------------------------------------- */
.alert {
  border-radius: var(--pp-radius-sm);
  border-width: 1px;
  border-style: solid;
  font-family: var(--pp-font-family);
  font-size: 14px;
  line-height: 1.5;
}

.alert-success {
  background-color: #EDF9F1;
  border-color: #9FD8B2;
  color: #14532D;
}

.alert-info {
  background-color: #EEF4FF;
  border-color: #C7D6FF;
  color: #163273;
}

.alert-warning {
  background-color: #FFF7E6;
  border-color: #FFD08A;
  color: #7A4B00;
}

.alert-danger,
.alert-error {
  background-color: #FFF0F0;
  border-color: #F0B5B5;
  color: #8A1C1C;
}

/* ----------------------------------------------------------------------
   Tabs and links inside form areas
   ---------------------------------------------------------------------- */
a.nav-link[role="tab"] {
  font-family: var(--pp-font-family);
  font-size: 14px;
  font-weight: 600;
  color: var(--pp-color-secondary);
}

a.nav-link[role="tab"]:hover,
a.nav-link[role="tab"]:focus {
  color: var(--pp-color-primary);
}

a.active.nav-link[role="tab"] {
  color: var(--pp-color-primary);
  text-decoration: none;
}

/* ----------------------------------------------------------------------
   Utility helpers for Power Pages layout controls
   ---------------------------------------------------------------------- */
.ppFlexContainer .button1,
.ppFlexContainer .button2,
.ppFlexContainer .btn-primary,
.ppFlexContainer .btn-secondary,
.ppFlexContainer .btn-default {
  white-space: nowrap;
}

.validation-summary,
.text-danger,
.field-validation-error,
.validation-message {
  font-family: var(--pp-font-family);
  font-size: 14px;
}


/* ----------------------------------------------------------------------
   Power Pages MSOS (Multi Select Option Set)
   Fixes dropdown layout and styles options like checkboxes
   ---------------------------------------------------------------------- */
.msos-container,
.msos-selection-container,
.msos-input,
.msos-selecteditems,
.msos-selecteditems-toggle {
  font-family: var(--pp-font-family);
  font-size: 14px;
  color: var(--pp-color-text-soft) !important;
}

.msos-selection-container,
.msos-container {
  background: #FFFFFF !important;
  border: 1px solid var(--pp-color-border) !important;
  border-radius: var(--pp-radius-sm) !important;
  min-height: 2.75rem;
  box-shadow: none !important;
}

.msos-selection-container:focus-within,
.msos-container:focus-within,
.msos-input:focus,
.msos-selecteditems-toggle:focus {
  border-color: var(--pp-color-primary) !important;
  outline: 3px solid var(--pp-color-focus);
  outline-offset: 2px;
  box-shadow: none !important;
}

.msos-selecteditems,
.msos-selecteditems-toggle {
  min-height: 2.75rem;
  padding: 0.5rem 0.75rem !important;
  background: transparent !important;
}

.msos-selecteditems-toggle {
  color: var(--pp-color-text-muted) !important;
}

.msos-caret-container,
.msos-action-buttons,
.msos-action-buttons:hover {
  background: #FFFFFF !important;
  color: var(--pp-color-text-soft) !important;
  border-radius: 0 var(--pp-radius-sm) var(--pp-radius-sm) 0;
}

.msos-option-set,
.msos-options,
.msos-dropdown,
.msos-options-container,
.msos-optionlist,
.msos-input .dropdown-menu,
.msos-container .dropdown-menu {
  max-height: 18rem;
  overflow-y: auto;
  background: #FFFFFF !important;
  border: 1px solid var(--pp-color-border) !important;
  border-radius: var(--pp-radius-sm) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.msos-option,
.msos-option-selected,
.msos-input .dropdown-menu li,
.msos-container .dropdown-menu li {
  position: relative;
  display: block;
  padding: 0.625rem 0.875rem 0.625rem 2.5rem !important;
  background: #FFFFFF !important;
  color: var(--pp-color-text-soft) !important;
  line-height: 1.4;
  cursor: pointer;
}

.msos-option::before,
.msos-option-selected::before,
.msos-input .dropdown-menu li::before,
.msos-container .dropdown-menu li::before {
  content: "";
  position: absolute;
  left: 0.875rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  border: 1px solid var(--pp-color-secondary);
  border-radius: 0.2rem;
  background: #FFFFFF;
  box-sizing: border-box;
}

.msos-option:hover,
.msos-option:focus,
.msos-input .dropdown-menu li:hover,
.msos-container .dropdown-menu li:hover {
  background: var(--pp-color-surface-selected) !important;
}

.msos-option-selected,
.msos-option[aria-selected="true"],
.msos-input .dropdown-menu li.selected,
.msos-input .dropdown-menu li[aria-selected="true"],
.msos-container .dropdown-menu li.selected,
.msos-container .dropdown-menu li[aria-selected="true"] {
  background: #EEF2FF !important;
  color: var(--pp-color-secondary) !important;
}

.msos-option-selected::before,
.msos-option[aria-selected="true"]::before,
.msos-input .dropdown-menu li.selected::before,
.msos-input .dropdown-menu li[aria-selected="true"]::before,
.msos-container .dropdown-menu li.selected::before,
.msos-container .dropdown-menu li[aria-selected="true"]::before {
  background: var(--pp-color-primary);
  border-color: var(--pp-color-primary);
  box-shadow: inset 0 0 0 2px #FFFFFF;
}

.msos-selected-display-item {
  background: #EEF2FF !important;
  color: var(--pp-color-secondary) !important;
  border-radius: 999px;
  padding: 0.25rem 0.625rem !important;
  border: 1px solid #CCD2F6;
}

.msos-label,
.msos-quick-delete,
.msos-quick-delete:hover {
  color: var(--pp-color-secondary) !important;
}

.msos-option-focused:after,
.msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after,
.msos-selecteditems-toggle:focus {
  border-color: var(--pp-color-primary) !important;
}

/* Keine globalen Select-Overrides auf MSOS anwenden */
select.msos-input,
.msos-input select {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  background-image: none !important;
  padding-right: inherit !important;
}

/* =========================================================
   Power Pages PCF Multi Select Option Set (MSOS) - Final Fix
   ========================================================= */

.msos-container {
  position: relative;
  width: 100%;
  font-family: "TNG Pro", Arial, sans-serif;
}

.msos-inner-container {
  width: 100%;
}

.msos-filter-container {
  display: flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid #D6DCE2;
  border-radius: 0.25rem;
  background-color: #fff;
  overflow: hidden;
}

.msos-container.msos-focused .msos-filter-container,
.msos-filter-container:focus-within {
  border-color: #001ed2;
  outline: 3px solid #6678e4;
  outline-offset: 2px;
  box-shadow: none;
}

.msos-input-container {
  flex: 1 1 auto;
  min-width: 0;
}

.msos-input {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 0.75rem !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #191817;
  appearance: none;
}

.msos-input::placeholder {
  color: #667085;
}

.msos-caret-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  height: 42px;
  border-left: 1px solid #D6DCE2;
  background: #fff;
}

.msos-caret-button {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  box-shadow: none;
}

.msos-caret-button:focus {
  outline: none;
}

.msos-selection-container {
  z-index: 9999;
  margin-top: 4px;
  border: 1px solid #D6DCE2;
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.msos-selection-container .msos-selection {
  max-height: 280px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msos-action-buttons {
  border-bottom: 1px solid #E6EAF0;
  background: #F8F9FB;
}

.msos-action-buttons .msos-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.875rem 1rem;
  cursor: pointer;
}

.msos-option {
  display: block;
  margin: 0;
  padding: 0;
}

.msos-option .msos-label {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.msos-option .msos-label:hover {
  background-color: #F6F8FC;
}

.msos-label-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  color: #191817;
  font-size: 14px;
  line-height: 1.4;
}

.msos-optionitem-text {
  font-size: 14px;
  line-height: 1.4;
  color: #191817;
}

.msos-itemcount-text {
  font-size: 12px;
  line-height: 1.3;
  color: #667085;
}

.msos-checkbox {
  flex: 0 0 16px;
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 0 !important;
  accent-color: #001ed2;
  cursor: pointer;
}

.msos-option:focus,
.msos-option[aria-selected="true"]:focus,
.msos-label:focus-within {
  outline: none;
}

.msos-label:focus-within {
  background-color: #F6F8FC;
  box-shadow: inset 0 0 0 2px #6678e4;
}

.msos-no-results {
  padding: 0.875rem 1rem;
  font-size: 14px;
  color: #667085;
}

.msos-selecteditems-container {
  margin-bottom: 0.25rem;
}

.msos-selecteditems {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin: 0 0 0.375rem 0;
  padding: 0;
  list-style: none;
}

.msos-selecteditems li,
.msos-selecteditems .msos-current-selection-normal {
  list-style: none;
}

.msos-selecteditems-container .msos-selecteditems > li,
.msos-selecteditems-container .msos-selecteditems > div {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  background: #EEF2FF;
  color: #001ed2;
  font-size: 13px;
  line-height: 1.2;
}

.msos-viewmode-container {
  display: none;
}

.msos-a11y,
.msos-alert-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
}

.msos-container input[type="text"],
.msos-container input[type="checkbox"],
.msos-container select {
  box-shadow: none;
}

.msos-container input[type="text"] {
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 767px) {
  .msos-option .msos-label,
  .msos-action-buttons .msos-label {
    padding: 0.875rem 0.875rem;
  }

  .msos-selection-container .msos-selection {
    max-height: 240px;
  }
}

/* =========================================================
   Power Pages Table Styling
   Mapping des Wunschstylings auf Bootstrap-/Portal-Tabellen
   (Entity Lists, Subgrids, List Views, Search Results)
   ========================================================= */

.table,
.entitylist table,
.crmEntityFormView .table,
.view-grid table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  hyphens: manual;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.0005em;
  color: #00003C;
  background-color: #FFFFFF;
}

@media (min-width: 1440px) {
  .table,
  .entitylist table,
  .crmEntityFormView .table,
  .view-grid table {
    font-size: 1rem;
    line-height: 1.55;
  }
}

@media (min-width: 1920px) {
  .table,
  .entitylist table,
  .crmEntityFormView .table,
  .view-grid table {
    font-size: 1.03125rem;
    letter-spacing: normal;
  }
}

@media (min-width: 2560px) {
  .table,
  .entitylist table,
  .crmEntityFormView .table,
  .view-grid table {
    font-size: 1.0625rem;
  }
}

.table thead th,
.table > thead > tr > th,
.table > tbody > tr > th,
.entitylist table th,
.view-grid table th {
  text-align: left;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 0.84375rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.015em;
  color: #00003C;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E6E6EC !important;
  border-top: 1px solid #E6E6EC;
  vertical-align: top;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
}

.table td,
.table > tbody > tr > td,
.entitylist table td,
.view-grid table td {
  min-width: min-content;
  vertical-align: top;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid #E6E6EC !important;
  color: #00003C;
  background-color: #FFFFFF;
}

.table th:last-child,
.table td:last-child,
.entitylist table th:last-child,
.entitylist table td:last-child,
.view-grid table th:last-child,
.view-grid table td:last-child {
  padding-right: 0;
}

@media (min-width: 2560px) {
  .table td,
  .table > tbody > tr > td,
  .entitylist table td,
  .view-grid table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.table > tbody > tr,
.table > thead > tr,
.table > tfoot > tr,
.entitylist table tr,
.view-grid table tr {
  border-bottom: 1px solid #E6E6EC;
}

.table > tbody > tr:hover,
.table-hover > tbody > tr:hover,
.entitylist table tbody tr:hover,
.view-grid table tbody tr:hover {
  background-color: #F6F6F8 !important;
}

.table > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > td,
.entitylist table tbody tr:hover > td,
.view-grid table tbody tr:hover > td {
  background-color: #F6F6F8 !important;
}

.table a,
.entitylist table a,
.view-grid table a {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.25rem;
  justify-self: start;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1),
              background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
              border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.table a:hover,
.entitylist table a:hover,
.view-grid table a:hover {
  color: #001ED2;
  text-decoration: none;
}

.table a:focus-visible,
.entitylist table a:focus-visible,
.view-grid table a:focus-visible {
  outline: 3px solid #6678E4;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #FFFFFF;
  border-radius: 0.125rem;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #FFFFFF;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #FFFFFF;
}

/* =========================================================
   Power Pages Table Styling v2
   Orientierung am gelieferten TableSimple-Komponentenmarkup
   Ziel: Power Pages Tabellen optisch wie die Designsystem-Tabelle
   ========================================================= */

/* Wrapper für Power Pages Entity Lists / View Grids */
.entitylist,
.view-grid,
.crmEntityFormView .view-grid {
  overflow-x: auto;
}

/* Basis-Tabelle */
.table,
.entitylist table,
.view-grid table,
.crmEntityFormView .view-grid table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  background-color: #FFFFFF;
  color: #00003C;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.0005em;
}

@media (min-width: 1440px) {
  .table,
  .entitylist table,
  .view-grid table,
  .crmEntityFormView .view-grid table {
    font-size: 1rem;
    line-height: 1.55;
  }
}

@media (min-width: 1920px) {
  .table,
  .entitylist table,
  .view-grid table,
  .crmEntityFormView .view-grid table {
    font-size: 1.03125rem;
    letter-spacing: normal;
  }
}

@media (min-width: 2560px) {
  .table,
  .entitylist table,
  .view-grid table,
  .crmEntityFormView .view-grid table {
    font-size: 1.0625rem;
  }
}

/* Header wie im Beispiel: hellgraue Fläche, Microcopy-Anmutung */
.table > thead > tr,
.entitylist table > thead > tr,
.view-grid table > thead > tr,
.crmEntityFormView .view-grid table > thead > tr {
  background-color: #F6F6F8;
  border-top: 1px solid #5C5A58;
  border-bottom: 1px solid #5C5A58;
}

.table > thead > tr > th,
.entitylist table > thead > tr > th,
.view-grid table > thead > tr > th,
.crmEntityFormView .view-grid table > thead > tr > th {
  background-color: transparent !important;
  color: #00003C !important;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 0.84375rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.015em;
  text-align: left;
  vertical-align: middle;
  padding: 0.75rem 1rem 0.75rem 0;
  border: 0 !important;
  white-space: normal;
}

/* Body Rows wie im Beispiel: weiße Rows, obere/untere Trennlinien */
.table > tbody > tr,
.entitylist table > tbody > tr,
.view-grid table > tbody > tr,
.crmEntityFormView .view-grid table > tbody > tr {
  background-color: #FFFFFF;
  border-top: 1px solid #5C5A58;
}

.table > tbody > tr:last-child,
.entitylist table > tbody > tr:last-child,
.view-grid table > tbody > tr:last-child,
.crmEntityFormView .view-grid table > tbody > tr:last-child {
  border-bottom: 1px solid #5C5A58;
}

.table > tbody > tr > td,
.entitylist table > tbody > tr > td,
.view-grid table > tbody > tr > td,
.crmEntityFormView .view-grid table > tbody > tr > td {
  color: #00003C;
  background-color: transparent !important;
  font-family: "TNG Pro", Arial, sans-serif;
  vertical-align: top;
  padding: 1rem 1rem 0.75rem 0;
  border: 0 !important;
  word-break: break-word;
}

/* Desktop-Spaltenanmutung wie basis-1/4 im Beispiel */
@media (min-width: 640px) {
  .table.table-four-col,
  .entitylist table.table-four-col,
  .view-grid table.table-four-col {
    table-layout: fixed;
  }

  .table.table-four-col > thead > tr > th,
  .table.table-four-col > tbody > tr > td,
  .entitylist table.table-four-col > thead > tr > th,
  .entitylist table.table-four-col > tbody > tr > td,
  .view-grid table.table-four-col > thead > tr > th,
  .view-grid table.table-four-col > tbody > tr > td {
    width: 25%;
  }
}

/* Hover dezent halten – im Beispiel gibt es keine starke Tabellenhoverfläche */
.table-hover > tbody > tr:hover,
.table > tbody > tr:hover,
.entitylist table tbody tr:hover,
.view-grid table tbody tr:hover {
  background-color: #FFFFFF !important;
}

.table-hover > tbody > tr:hover > td,
.table > tbody > tr:hover > td,
.entitylist table tbody tr:hover > td,
.view-grid table tbody tr:hover > td {
  background-color: transparent !important;
}

/* Links wie im Beispiel: inline-flex mit feiner Underline */
.table a,
.entitylist table a,
.view-grid table a,
.crmEntityFormView .view-grid table a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  width: fit-content;
  color: #00003C;
  text-decoration: none;
  position: relative;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.table a::after,
.entitylist table a::after,
.view-grid table a::after,
.crmEntityFormView .view-grid table a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  border-bottom: 1px solid #CCD2F6;
  transform: translateY(2px);
}

.table a:hover,
.entitylist table a:hover,
.view-grid table a:hover,
.crmEntityFormView .view-grid table a:hover {
  color: #001ED2;
}

.table a:hover::after,
.entitylist table a:hover::after,
.view-grid table a:hover::after,
.crmEntityFormView .view-grid table a:hover::after {
  border-bottom-color: #001ED2;
}

.table a:focus-visible,
.entitylist table a:focus-visible,
.view-grid table a:focus-visible,
.crmEntityFormView .view-grid table a:focus-visible {
  outline: 3px solid #6678E4;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #FFFFFF;
  border-radius: 0.125rem;
}

/* Actions / letzte Spalte darf umbrechen wie im Beispiel */
.table td:last-child,
.entitylist table td:last-child,
.view-grid table td:last-child,
.crmEntityFormView .view-grid table td:last-child {
  white-space: normal;
}

/* Mobile: Tabellen stapeln ohne DS zu zerstören */
@media (max-width: 639.98px) {
  .entitylist table,
  .view-grid table,
  .crmEntityFormView .view-grid table,
  .table.responsive-stack {
    border-collapse: separate;
    border-spacing: 0;
  }

  .entitylist table thead,
  .view-grid table thead,
  .crmEntityFormView .view-grid table thead,
  .table.responsive-stack thead {
    display: none;
  }

  .entitylist table tbody tr,
  .view-grid table tbody tr,
  .crmEntityFormView .view-grid table tbody tr,
  .table.responsive-stack tbody tr {
    display: block;
    padding: 0.25rem 0;
    border-top: 1px solid #5C5A58;
    background: #FFFFFF;
  }

  .entitylist table tbody tr:last-child,
  .view-grid table tbody tr:last-child,
  .crmEntityFormView .view-grid table tbody tr:last-child,
  .table.responsive-stack tbody tr:last-child {
    border-bottom: 1px solid #5C5A58;
  }

  .entitylist table tbody td,
  .view-grid table tbody td,
  .crmEntityFormView .view-grid table tbody td,
  .table.responsive-stack tbody td {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
  }
}

/* Optional: 1:1 Unterstützung, falls das Designsystem-Markup direkt verwendet wird */
[data-table-simple="true"] {
  color: #00003C;
  font-family: "TNG Pro", Arial, sans-serif;
}

[data-table-simple="true"] [data-rows="true"] > div {
  border-color: #5C5A58 !important;
}

[data-table-simple="true"] .sort-button {
  color: #605E5C;
}

[data-table-simple="true"] .sort-button:hover {
  color: #001ED2;
}

/* =========================================================
   Power Pages Entity List – Clean TableSimple Alignment v3
   Fokus: näher an der gelieferten Wunschoptik
   ========================================================= */

/* Gesamtcontainer ruhiger */
.entitylist,
.entity-grid,
.view-grid {
  background: #FFFFFF;
  border: 0 !important;
  box-shadow: none !important;
}

/* Scrollbereich neutralisieren */
.entitylist .table-responsive,
.view-grid .table-responsive,
.entity-grid .table-responsive {
  border: 0 !important;
  background: #FFFFFF;
  box-shadow: none !important;
  overflow-x: auto;
}

/* Tabelle insgesamt */
.entitylist table,
.entity-grid table,
.view-grid table,
.entitylist .table,
.entity-grid .table,
.view-grid .table {
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: auto;
  background: #FFFFFF !important;
  color: #00003C !important;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.0005em;
  margin-bottom: 0 !important;
}

@media (min-width: 1440px) {
  .entitylist table,
  .entity-grid table,
  .view-grid table,
  .entitylist .table,
  .entity-grid .table,
  .view-grid .table {
    font-size: 1rem;
    line-height: 1.55;
  }
}

/* Header deutlich cleaner */
.entitylist table thead tr,
.entity-grid table thead tr,
.view-grid table thead tr,
.entitylist .table thead tr,
.entity-grid .table thead tr,
.view-grid .table thead tr {
  background: #FFFFFF !important;
  border-top: 1px solid #D6DCE2 !important;
  border-bottom: 1px solid #D6DCE2 !important;
}

.entitylist table thead th,
.entity-grid table thead th,
.view-grid table thead th,
.entitylist .table thead th,
.entity-grid .table thead th,
.view-grid .table thead th {
  background: transparent !important;
  color: #00003C !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: "TNG Pro", Arial, sans-serif;
  font-size: 0.84375rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.015em;
  text-align: left;
  vertical-align: middle;
  padding: 0.875rem 1.25rem 0.875rem 0 !important;
  white-space: normal;
}

/* Header-Links/Sortierung feiner */
.entitylist table thead th a,
.entity-grid table thead th a,
.view-grid table thead th a,
.entitylist .table thead th a,
.entity-grid .table thead th a,
.view-grid .table thead th a {
  color: #00003C !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.entitylist table thead th a:hover,
.entity-grid table thead th a:hover,
.view-grid table thead th a:hover,
.entitylist .table thead th a:hover,
.entity-grid .table thead th a:hover,
.view-grid .table thead th a:hover {
  color: #001ED2 !important;
  text-decoration: none !important;
}

/* Body-Zeilen: kein Grau, nur feine Divider */
.entitylist table tbody tr,
.entity-grid table tbody tr,
.view-grid table tbody tr,
.entitylist .table tbody tr,
.entity-grid .table tbody tr,
.view-grid .table tbody tr {
  background: #FFFFFF !important;
  border-top: 1px solid #E6E6EC !important;
}

.entitylist table tbody tr:last-child,
.entity-grid table tbody tr:last-child,
.view-grid table tbody tr:last-child,
.entitylist .table tbody tr:last-child,
.entity-grid .table tbody tr:last-child,
.view-grid .table tbody tr:last-child {
  border-bottom: 1px solid #E6E6EC !important;
}

.entitylist table tbody td,
.entity-grid table tbody td,
.view-grid table tbody td,
.entitylist .table tbody td,
.entity-grid .table tbody td,
.view-grid .table tbody td {
  background: transparent !important;
  color: #00003C !important;
  border: 0 !important;
  box-shadow: none !important;
  vertical-align: top;
  padding: 1rem 1.25rem 1rem 0 !important;
  word-break: break-word;
}

.entitylist table tbody td:last-child,
.entity-grid table tbody td:last-child,
.view-grid table tbody td:last-child,
.entitylist .table tbody td:last-child,
.entity-grid .table tbody td:last-child,
.view-grid .table tbody td:last-child {
  padding-right: 0 !important;
}

/* Hover zurücknehmen – Wunschoptik ist sehr ruhig */
.entitylist table tbody tr:hover,
.entity-grid table tbody tr:hover,
.view-grid table tbody tr:hover,
.entitylist .table-hover tbody tr:hover,
.entity-grid .table-hover tbody tr:hover,
.view-grid .table-hover tbody tr:hover,
.entitylist .table tbody tr:hover,
.entity-grid .table tbody tr:hover,
.view-grid .table tbody tr:hover {
  background: #FFFFFF !important;
}

.entitylist table tbody tr:hover td,
.entity-grid table tbody tr:hover td,
.view-grid table tbody tr:hover td,
.entitylist .table-hover tbody tr:hover td,
.entity-grid .table-hover tbody tr:hover td,
.view-grid .table-hover tbody tr:hover td,
.entitylist .table tbody tr:hover td,
.entity-grid .table tbody tr:hover td,
.view-grid .table tbody tr:hover td {
  background: transparent !important;
}

/* Zebra vollständig deaktivieren */
.entitylist .table-striped > tbody > tr:nth-of-type(odd),
.entitylist .table-striped > tbody > tr:nth-of-type(even),
.entity-grid .table-striped > tbody > tr:nth-of-type(odd),
.entity-grid .table-striped > tbody > tr:nth-of-type(even),
.view-grid .table-striped > tbody > tr:nth-of-type(odd),
.view-grid .table-striped > tbody > tr:nth-of-type(even) {
  background: #FFFFFF !important;
}

/* Tabellenlinks wie in der Wunschoptik */
.entitylist table tbody td a,
.entity-grid table tbody td a,
.view-grid table tbody td a,
.entitylist .table tbody td a,
.entity-grid .table tbody td a,
.view-grid .table tbody td a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  width: fit-content;
  color: #8E93B3 !important;
  text-decoration: none !important;
  position: relative;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.entitylist table tbody td a::after,
.entity-grid table tbody td a::after,
.view-grid table tbody td a::after,
.entitylist .table tbody td a::after,
.entity-grid .table tbody td a::after,
.view-grid .table tbody td a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  border-bottom: 1px solid #CCD2F6;
}

.entitylist table tbody td a:hover,
.entity-grid table tbody td a:hover,
.view-grid table tbody td a:hover,
.entitylist .table tbody td a:hover,
.entity-grid .table tbody td a:hover,
.view-grid .table tbody td a:hover {
  color: #001ED2 !important;
}

.entitylist table tbody td a:hover::after,
.entity-grid table tbody td a:hover::after,
.view-grid table tbody td a:hover::after,
.entitylist .table tbody td a:hover::after,
.entity-grid .table tbody td a:hover::after,
.view-grid .table tbody td a:hover::after {
  border-bottom-color: #001ED2;
}

/* Nicht-Link-Text etwas ruhiger wie im Ziel */
.entitylist table tbody td,
.entity-grid table tbody td,
.view-grid table tbody td {
  color: #00003C !important;
}

/* Aktionsspalte / Dropdown-Button cleaner */
.entitylist .dropdown .btn,
.entity-grid .dropdown .btn,
.view-grid .dropdown .btn,
.entitylist .btn.dropdown-toggle,
.entity-grid .btn.dropdown-toggle,
.view-grid .btn.dropdown-toggle {
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.5rem !important;
  border: 1px solid #00003C !important;
  border-radius: 0.25rem !important;
  background: #FFFFFF !important;
  color: #00003C !important;
  box-shadow: none !important;
}

.entitylist .dropdown .btn:hover,
.entity-grid .dropdown .btn:hover,
.view-grid .dropdown .btn:hover,
.entitylist .btn.dropdown-toggle:hover,
.entity-grid .btn.dropdown-toggle:hover,
.view-grid .btn.dropdown-toggle:hover {
  background: #F2F4FD !important;
  border-color: #6678E4 !important;
  color: #001ED2 !important;
}

/* Offenes Aktionsmenü */
.entitylist .dropdown-menu,
.entity-grid .dropdown-menu,
.view-grid .dropdown-menu {
  border: 1px solid #D6DCE2 !important;
  border-radius: 0.25rem !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
  padding: 0.25rem 0 !important;
  min-width: 10rem;
}

.entitylist .dropdown-menu > li > a,
.entity-grid .dropdown-menu > li > a,
.view-grid .dropdown-menu > li > a,
.entitylist .dropdown-menu > li > button,
.entity-grid .dropdown-menu > li > button,
.view-grid .dropdown-menu > li > button {
  color: #00003C !important;
  padding: 0.625rem 1rem !important;
  text-decoration: none !important;
}

.entitylist .dropdown-menu > li > a:hover,
.entity-grid .dropdown-menu > li > a:hover,
.view-grid .dropdown-menu > li > a:hover,
.entitylist .dropdown-menu > li > button:hover,
.entity-grid .dropdown-menu > li > button:hover,
.view-grid .dropdown-menu > li > button:hover {
  background: #F2F4FD !important;
  color: #001ED2 !important;
}

/* Pagination näher an der Zieloptik */
.entitylist .pagination,
.entity-grid .pagination,
.view-grid .pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #D6DCE2;
  margin-top: 1rem;
}

.entitylist .pagination > li > a,
.entitylist .pagination > li > span,
.entity-grid .pagination > li > a,
.entity-grid .pagination > li > span,
.view-grid .pagination > li > a,
.view-grid .pagination > li > span {
  min-width: 2.125rem;
  min-height: 2.125rem;
  padding: 0.5rem 0.75rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem !important;
  border: 0 !important;
  background: #F6F6F8 !important;
  color: #00003C !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.entitylist .pagination > .active > a,
.entitylist .pagination > .active > span,
.entity-grid .pagination > .active > a,
.entity-grid .pagination > .active > span,
.view-grid .pagination > .active > a,
.view-grid .pagination > .active > span {
  background: #001ED2 !important;
  color: #FFFFFF !important;
}

.entitylist .pagination > li > a:hover,
.entitylist .pagination > li > span:hover,
.entity-grid .pagination > li > a:hover,
.entity-grid .pagination > li > span:hover,
.view-grid .pagination > li > a:hover,
.view-grid .pagination > li > span:hover {
  background: #F2F4FD !important;
  color: #001ED2 !important;
}

/* AI-/Meta-Leiste oberhalb der Liste ruhiger */
.entitylist .view-toolbar,
.entity-grid .view-toolbar,
.view-grid .view-toolbar {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 0.5rem;
}

/* Mobile */
@media (max-width: 767.98px) {
  .entitylist table thead,
  .entity-grid table thead,
  .view-grid table thead {
    display: none;
  }

  .entitylist table tbody tr,
  .entity-grid table tbody tr,
  .view-grid table tbody tr {
    display: block;
    padding: 0.5rem 0;
  }

  .entitylist table tbody td,
  .entity-grid table tbody td,
  .view-grid table tbody td {
    display: block;
    width: 100%;
    padding: 0.5rem 0 !important;
  }
}

/* =========================================================
   Power Pages Progress Indicator / Stepper
   Zielklasse laut DOM: .progress.list-group.top
   Rest der Datei bleibt unverändert
   ========================================================= */

ol.progress.list-group.top {
  counter-reset: step;
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 0 1.5rem 0 !important;
  padding: 0 !important;
  list-style: none;
  background: transparent !important;
  border: 0 !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

ol.progress.list-group.top::-webkit-scrollbar {
  display: none;
}

ol.progress.list-group.top > li.list-group-item {
  counter-increment: step;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  min-height: 2.5rem;
  padding: 0 !important;
  padding-left: 2.25rem !important;
  padding-right: 2.125rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #00003C !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
  overflow: visible;
  box-shadow: none !important;
}

ol.progress.list-group.top > li.list-group-item::before {
  content: counter(step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background: #00003C;
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}

ol.progress.list-group.top > li.list-group-item::after {
  content: "›";
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
  color: #00003C;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1;
}

ol.progress.list-group.top > li.list-group-item:last-child {
  padding-right: 0 !important;
}

ol.progress.list-group.top > li.list-group-item:last-child::after {
  display: none;
}

/* Bereits abgeschlossene Steps */
ol.progress.list-group.top > li.list-group-item.list-group-item-success,
ol.progress.list-group.top > li.list-group-item.completed,
ol.progress.list-group.top > li.list-group-item.is-success,
ol.progress.list-group.top > li.list-group-item.success {
  color: #00003C !important;
}

ol.progress.list-group.top > li.list-group-item.list-group-item-success::before,
ol.progress.list-group.top > li.list-group-item.completed::before,
ol.progress.list-group.top > li.list-group-item.is-success::before,
ol.progress.list-group.top > li.list-group-item.success::before {
  content: "✓";
  background: #4ab248;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
}

/* Doppelten Haken neben dem Titel ausblenden
   (Power Pages rendert bei abgeschlossenen Steps zusätzlich ein Icon /
   einen Glyph; der Haken ist bereits im Badge ::before enthalten) */
ol.progress.list-group.top > li.list-group-item.list-group-item-success .glyphicon,
ol.progress.list-group.top > li.list-group-item.completed .glyphicon,
ol.progress.list-group.top > li.list-group-item.is-success .glyphicon,
ol.progress.list-group.top > li.list-group-item.success .glyphicon,
ol.progress.list-group.top > li.list-group-item.list-group-item-success .fa,
ol.progress.list-group.top > li.list-group-item.completed .fa,
ol.progress.list-group.top > li.list-group-item.is-success .fa,
ol.progress.list-group.top > li.list-group-item.success .fa,
ol.progress.list-group.top > li.list-group-item.list-group-item-success .fas,
ol.progress.list-group.top > li.list-group-item.completed .fas,
ol.progress.list-group.top > li.list-group-item.is-success .fas,
ol.progress.list-group.top > li.list-group-item.success .fas,
ol.progress.list-group.top > li.list-group-item.list-group-item-success > svg,
ol.progress.list-group.top > li.list-group-item.completed > svg,
ol.progress.list-group.top > li.list-group-item.is-success > svg,
ol.progress.list-group.top > li.list-group-item.success > svg,
ol.progress.list-group.top > li.list-group-item.list-group-item-success [class*="glyphicon-ok"],
ol.progress.list-group.top > li.list-group-item.list-group-item-success [class*="glyphicon-check"],
ol.progress.list-group.top > li.list-group-item.list-group-item-success [class*="fa-check"],
ol.progress.list-group.top > li.list-group-item.completed [class*="glyphicon-ok"],
ol.progress.list-group.top > li.list-group-item.completed [class*="glyphicon-check"],
ol.progress.list-group.top > li.list-group-item.completed [class*="fa-check"],
ol.progress.list-group.top > li.list-group-item.is-success [class*="glyphicon-ok"],
ol.progress.list-group.top > li.list-group-item.is-success [class*="glyphicon-check"],
ol.progress.list-group.top > li.list-group-item.is-success [class*="fa-check"],
ol.progress.list-group.top > li.list-group-item.success [class*="glyphicon-ok"],
ol.progress.list-group.top > li.list-group-item.success [class*="glyphicon-check"],
ol.progress.list-group.top > li.list-group-item.success [class*="fa-check"] {
  display: none !important;
}

/* Aktueller Step */
ol.progress.list-group.top > li.list-group-item.active,
ol.progress.list-group.top > li.list-group-item.is-active,
ol.progress.list-group.top > li.list-group-item.current {
  color: #00003C !important;
  background: transparent !important;
}

ol.progress.list-group.top > li.list-group-item.active::before,
ol.progress.list-group.top > li.list-group-item.is-active::before,
ol.progress.list-group.top > li.list-group-item.current::before {
  background: #00003C;
  color: #FFFFFF;
}

/* Zukünftige / deaktivierte Steps */
ol.progress.list-group.top > li.list-group-item.incomplete,
ol.progress.list-group.top > li.list-group-item.disabled,
ol.progress.list-group.top > li.list-group-item.is-disabled,
ol.progress.list-group.top > li.list-group-item[aria-disabled="true"] {
  color: #9999B1 !important;
  opacity: 1 !important;
  background: transparent !important;
}

ol.progress.list-group.top > li.list-group-item.incomplete::before,
ol.progress.list-group.top > li.list-group-item.disabled::before,
ol.progress.list-group.top > li.list-group-item.is-disabled::before,
ol.progress.list-group.top > li.list-group-item[aria-disabled="true"]::before {
  background: #F2F2F5;
  color: #9999B1;
}

ol.progress.list-group.top > li.list-group-item.incomplete::after,
ol.progress.list-group.top > li.list-group-item.disabled::after,
ol.progress.list-group.top > li.list-group-item.is-disabled::after,
ol.progress.list-group.top > li.list-group-item[aria-disabled="true"]::after {
  color: #00003C;
}

/* Fehlerstatus, falls vom Portal/Custom Script gesetzt */
ol.progress.list-group.top > li.list-group-item.list-group-item-danger,
ol.progress.list-group.top > li.list-group-item.error,
ol.progress.list-group.top > li.list-group-item.is-error {
  color: #B30505 !important;
}

ol.progress.list-group.top > li.list-group-item.list-group-item-danger::before,
ol.progress.list-group.top > li.list-group-item.error::before,
ol.progress.list-group.top > li.list-group-item.is-error::before {
  content: "×";
  background: #F7E6E6;
  color: #B30505;
  font-size: 1.1rem;
  font-weight: 700;
}

/* Optional klickbare Steps */
ol.progress.list-group.top > li.list-group-item a {
  color: inherit !important;
  text-decoration: none !important;
}

ol.progress.list-group.top > li.list-group-item a:hover {
  color: #001ED2 !important;
}

ol.progress.list-group.top > li.list-group-item:hover:not(.incomplete):not(.disabled):not(.is-disabled) {
  color: #001ED2 !important;
}

ol.progress.list-group.top > li.list-group-item:hover:not(.incomplete):not(.disabled):not(.is-disabled)::before {
  background: #001ED2;
  color: #FFFFFF;
}

ol.progress.list-group.top > li.list-group-item.list-group-item-success:hover::before,
ol.progress.list-group.top > li.list-group-item.completed:hover::before,
ol.progress.list-group.top > li.list-group-item.is-success:hover::before,
ol.progress.list-group.top > li.list-group-item.success:hover::before {
  background: #001ED2;
  color: #FFFFFF;
}

ol.progress.list-group.top > li.list-group-item.list-group-item-danger:hover::before,
ol.progress.list-group.top > li.list-group-item.error:hover::before,
ol.progress.list-group.top > li.list-group-item.is-error:hover::before {
  background: #001ED2;
  color: #FFFFFF;
}

/* Fokus für Accessibility */
ol.progress.list-group.top > li.list-group-item:focus,
ol.progress.list-group.top > li.list-group-item:focus-visible,
ol.progress.list-group.top > li.list-group-item a:focus,
ol.progress.list-group.top > li.list-group-item a:focus-visible {
  outline: 2px solid #001ED2;
  outline-offset: 4px;
}

/* kleine Displays */
@media (max-width: 767.98px) {
  ol.progress.list-group.top > li.list-group-item {
    font-size: 1rem;
    padding-left: 2.1rem !important;
    padding-right: 1.75rem !important;
  }

  ol.progress.list-group.top > li.list-group-item::before {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.8rem;
  }

  ol.progress.list-group.top > li.list-group-item::after {
    right: 0.45rem;
  }
}


/* =========================================================
   Final correction: button hover underline + black text color
   =========================================================
   - Only former black font colors are mapped to #00003C.
   - White/inverse section text remains white.
   - Button links never get an underline on hover/focus/active.
   ========================================================= */

/* Preserve white typography on dark/inverse sections. */
[data-component-theme="portalThemeColor4"],
[data-component-theme="portalThemeColor4"] h1,
[data-component-theme="portalThemeColor4"] h1 span,
[data-component-theme="portalThemeColor4"] h2,
[data-component-theme="portalThemeColor4"] h2 span,
[data-component-theme="portalThemeColor4"] h3,
[data-component-theme="portalThemeColor4"] h3 span,
[data-component-theme="portalThemeColor4"] h4,
[data-component-theme="portalThemeColor4"] h4 span,
[data-component-theme="portalThemeColor4"] h5,
[data-component-theme="portalThemeColor4"] h5 span,
[data-component-theme="portalThemeColor4"] h6,
[data-component-theme="portalThemeColor4"] h6 span,
[data-component-theme="portalThemeColor4"] p,
[data-component-theme="portalThemeColor4"] p span,
.sectionPrimaryColor,
.sectionPrimaryColor h1,
.sectionPrimaryColor h1 span,
.sectionPrimaryColor h2,
.sectionPrimaryColor h2 span,
.sectionPrimaryColor h3,
.sectionPrimaryColor h3 span,
.sectionPrimaryColor h4,
.sectionPrimaryColor h4 span,
.sectionPrimaryColor h5,
.sectionPrimaryColor h5 span,
.sectionPrimaryColor h6,
.sectionPrimaryColor h6 span,
.sectionPrimaryColor p,
.sectionPrimaryColor p span,
.color-inverse,
.color-inverse h1,
.color-inverse h1 span,
.color-inverse h2,
.color-inverse h2 span,
.color-inverse h3,
.color-inverse h3 span,
.color-inverse h4,
.color-inverse h4 span,
.color-inverse h5,
.color-inverse h5 span,
.color-inverse h6,
.color-inverse h6 span,
.color-inverse p,
.color-inverse p span {
  color: #FFFFFF !important;
}

/* Embedded white cards/forms/lists inside dark sections keep navy text. */
[data-component-theme="portalThemeColor4"] .crmEntityFormView,
[data-component-theme="portalThemeColor4"] .crmEntityFormView h1,
[data-component-theme="portalThemeColor4"] .crmEntityFormView h2,
[data-component-theme="portalThemeColor4"] .crmEntityFormView h3,
[data-component-theme="portalThemeColor4"] .crmEntityFormView h4,
[data-component-theme="portalThemeColor4"] .crmEntityFormView h5,
[data-component-theme="portalThemeColor4"] .crmEntityFormView h6,
[data-component-theme="portalThemeColor4"] .crmEntityFormView p,
[data-component-theme="portalThemeColor4"] .crmEntityFormView span,
[data-component-theme="portalThemeColor4"] .crmEntityFormView a,
[data-component-theme="portalThemeColor4"] .entitylist,
[data-component-theme="portalThemeColor4"] .entitylist h1,
[data-component-theme="portalThemeColor4"] .entitylist h2,
[data-component-theme="portalThemeColor4"] .entitylist h3,
[data-component-theme="portalThemeColor4"] .entitylist h4,
[data-component-theme="portalThemeColor4"] .entitylist h5,
[data-component-theme="portalThemeColor4"] .entitylist h6,
[data-component-theme="portalThemeColor4"] .entitylist p,
[data-component-theme="portalThemeColor4"] .entitylist span,
[data-component-theme="portalThemeColor4"] .entitylist a,
.sectionPrimaryColor .crmEntityFormView,
.sectionPrimaryColor .crmEntityFormView h1,
.sectionPrimaryColor .crmEntityFormView h2,
.sectionPrimaryColor .crmEntityFormView h3,
.sectionPrimaryColor .crmEntityFormView h4,
.sectionPrimaryColor .crmEntityFormView h5,
.sectionPrimaryColor .crmEntityFormView h6,
.sectionPrimaryColor .crmEntityFormView p,
.sectionPrimaryColor .crmEntityFormView span,
.sectionPrimaryColor .crmEntityFormView a,
.sectionPrimaryColor .entitylist,
.sectionPrimaryColor .entitylist h1,
.sectionPrimaryColor .entitylist h2,
.sectionPrimaryColor .entitylist h3,
.sectionPrimaryColor .entitylist h4,
.sectionPrimaryColor .entitylist h5,
.sectionPrimaryColor .entitylist h6,
.sectionPrimaryColor .entitylist p,
.sectionPrimaryColor .entitylist span,
.sectionPrimaryColor .entitylist a,
.color-inverse .crmEntityFormView,
.color-inverse .crmEntityFormView h1,
.color-inverse .crmEntityFormView h2,
.color-inverse .crmEntityFormView h3,
.color-inverse .crmEntityFormView h4,
.color-inverse .crmEntityFormView h5,
.color-inverse .crmEntityFormView h6,
.color-inverse .crmEntityFormView p,
.color-inverse .crmEntityFormView span,
.color-inverse .crmEntityFormView a,
.color-inverse .entitylist,
.color-inverse .entitylist h1,
.color-inverse .entitylist h2,
.color-inverse .entitylist h3,
.color-inverse .entitylist h4,
.color-inverse .entitylist h5,
.color-inverse .entitylist h6,
.color-inverse .entitylist p,
.color-inverse .entitylist span,
.color-inverse .entitylist a {
  color: #00003C !important;
}

/* Button text: no underline in any interaction state, including Power Pages anchor helper classes. */
a.button1,
a.button2,
a.btn,
a[role="button"],
.button1,
.button2,
.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button1:hover,
a.button1:focus,
a.button1:active,
a.button1:visited,
a.button2:hover,
a.button2:focus,
a.button2:active,
a.button2:visited,
a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn:visited,
a[role="button"]:hover,
a[role="button"]:focus,
a[role="button"]:active,
a[role="button"]:visited,
a.button1.anchor-hover-text-decoration-underline:hover,
a.button2.anchor-hover-text-decoration-underline:hover,
a.btn.anchor-hover-text-decoration-underline:hover,
a[role="button"].anchor-hover-text-decoration-underline:hover {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

a.button1 *,
a.button2 *,
a.btn *,
a[role="button"] *,
.button1 *,
.button2 *,
.btn *,
button * {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* Primary button keeps white text on blue background. */
a.button1,
.button1,
.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
input[type="button"].btn-primary,
input[type="reset"].btn-primary,
a.button1:hover,
a.button1:focus,
a.button1:active,
.button1:hover,
.button1:focus,
.button1:active,
.button1.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.dropdown-toggle.show,
.btn-primary.dropdown-toggle.show:hover,
.btn-primary.dropdown-toggle.show:focus {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Keep nested labels/spans inside primary buttons white too. */
a.button1 *,
a.button1:hover *,
a.button1:focus *,
a.button1:active *,
.button1 *,
.button1:hover *,
.button1:focus *,
.button1:active *,
.btn-primary *,
.btn-primary:hover *,
.btn-primary:focus *,
.btn-primary:active * {
  color: #FFFFFF !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* Secondary/default button: clean hover state and blue text. */
a.button2,
.button2,
.btn-secondary,
.btn-default,
button.btn-secondary,
button.btn-default,
input[type="submit"].btn-secondary,
input[type="button"].btn-secondary,
input[type="reset"].btn-secondary,
input[type="submit"].btn-default,
input[type="button"].btn-default,
input[type="reset"].btn-default {
  --tw-border-opacity: 1;
  color: #001ed2 !important;
  background-color: #FFFFFF !important;
  border-color: rgb(204 210 246 / var(--tw-border-opacity, 1)) !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

a.button2:hover,
a.button2:focus,
a.button2:active,
a.button2.active,
.button2:hover,
.button2:focus,
.button2:active,
.button2.active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.dropdown-toggle.show,
.btn-secondary.dropdown-toggle.show:hover,
.btn-secondary.dropdown-toggle.show:focus,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.dropdown-toggle.show,
.btn-default.dropdown-toggle.show:hover,
.btn-default.dropdown-toggle.show:focus {
  --tw-border-opacity: 1;
  color: #001ed2 !important;
  background-color: rgb(242, 244, 253) !important;
  border-color: rgb(204 210 246 / var(--tw-border-opacity, 1)) !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  box-shadow: none !important;
}

/* Keep nested labels/spans inside secondary buttons blue too. */
a.button2 *,
a.button2:hover *,
a.button2:focus *,
a.button2:active *,
.button2 *,
.button2:hover *,
.button2:focus *,
.button2:active *,
.btn-secondary *,
.btn-secondary:hover *,
.btn-secondary:focus *,
.btn-secondary:active *,
.btn-default *,
.btn-default:hover *,
.btn-default:focus *,
.btn-default:active * {
  color: #001ed2 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}