/**
 * 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: #00263d;
  --portalThemeColor2: #B5E4CA;
  --portalThemeColor3: #FFE59A;
  --portalThemeColor4: #00953a;
  --portalThemeColor5: #FFBC99;
  --portalThemeColor6: #6F767E;
  --portalThemeColor7: #ffffff;
  --portalThemeColor8: #6f767e;
  --portalThemeColor9: #687D8C;
  --portalThemeColor10: #CDCDCD;
  --portalThemeColor11: #EBEEF0;
  --portalThemeColor12: #fafafb;
  --portalThemeOnColor1: #ffffff;
  --portalThemeOnColor2: #6f767e;
  --portalThemeOnColor3: #6f767e;
  --portalThemeOnColor4: #ffffff;
  --portalThemeOnColor5: #6f767e;
  --portalThemeOnColor6: #ffffff;
  --portalThemeOnColor7: #6f767e;
  --portalThemeOnColor8: #ffffff;
  --portalThemeOnColor9: #ffffff;
  --portalThemeOnColor10: #6f767e;
  --portalThemeOnColor11: #6f767e;
  --portalThemeOnColor12: #6f767e; }

[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: #000000;
  background-color: #ffffff; }

legend {
  color: #000000; }

footer {
  color: #6f767e;
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px; }
  footer .footer-bottom {
    background-color: #6F767E; }

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

.breadcrumb {
  background-color: transparent; }
  .breadcrumb > li a {
    color: #6f767e; }
    .breadcrumb > li a:hover {
      color: #6f767e; }
  .breadcrumb > .active {
    color: #000000; }

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

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

.btn-primary {
  color: #ffffff;
  background-color: #00263d;
  border-color: #00263d;
  border-radius: 8px;
  font-family: Helvetica;
  font-weight: 700;
  font-size: 16px;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #00263d;
  color: #ffffff; }
  .btn-primary:hover {
    color: #ffffff;
    background-color: #00263d;
    border-color: #00263d; }
  .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: #00263d;
    border-color: #00263d; }
    .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: #00263d;
      border-color: #00263d; }
  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #00263d;
    border-color: #00263d; }

.navbar-static-top.navbar-inverse {
  background-color: #00263d; }

.navbar-toggle {
  background-color: #00263d; }

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

.navbar-inverse .navbar-toggle {
  border: 1px solid #00263d; }
  .navbar-inverse .navbar-toggle:hover {
    background-color: #00263d;
    border-color: #00263d; }
  .navbar-inverse .navbar-toggle:focus {
    border: 1px solid #ffffff;
    background-color: #00263d; }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
    border-color: #ffffff; }

.navbar-inverse .navbar-nav > li > a {
  color: #ffffff;
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px; }
  .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #EBEEF0;
    color: #000000;
    text-decoration: Plain text; }
  .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #EBEEF0;
    color: #000000;
    text-decoration: Plain text; }

.navbar-inverse .navbar-nav > .open > a {
  color: #000000;
  background-color: #EBEEF0;
  text-decoration: Plain text; }
  .navbar-inverse .navbar-nav > .open > a:hover {
    color: #000000;
    background-color: #EBEEF0;
    text-decoration: Plain text; }
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #000000;
    background-color: #EBEEF0;
    text-decoration: Plain text; }

.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #EBEEF0;
  text-decoration: none; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
    text-decoration: none; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #000000;
      color: #EBEEF0;
      text-decoration: Plain text; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: #000000;
      color: #EBEEF0;
      text-decoration: Plain text; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #000000;
    color: #EBEEF0;
    text-decoration: Plain text; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
      background-color: #000000;
      color: #EBEEF0;
      text-decoration: Plain text; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      background-color: #000000;
      color: #EBEEF0;
      text-decoration: Plain text; }

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

.nav .open .dropdown-menu {
  background-color: #ffffff; }
  .nav .open .dropdown-menu > li > a {
    text-decoration: none;
    color: #000000; }
    .nav .open .dropdown-menu > li > a:hover {
      background-color: #f2f2f2;
      color: #000000; }
    .nav .open .dropdown-menu > li > a:focus {
      background-color: #f2f2f2;
      color: #000000; }
  .nav .open .dropdown-menu > .active > a {
    background-color: #f2f2f2;
    color: #000000; }
    .nav .open .dropdown-menu > .active > a:hover {
      background-color: #f2f2f2;
      color: #000000; }
    .nav .open .dropdown-menu > .active > a:focus {
      background-color: #f2f2f2;
      color: #000000; }

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

.sectionPrimaryColor {
  background-color: #B5E4CA;
  color: #000000; }
  .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6, .sectionPrimaryColor p, .sectionPrimaryColor a {
    color: #000000; }
  .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: #000000; }
  .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: #000000; }

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

a,
.a {
  color: #6f767e;
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px; }
  a:hover, a:focus,
.a:hover,
.a:focus {
    color: #6f767e; }

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

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

.open > .btn-default.dropdown-toggle {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #00263d; }

.open > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #00263d;
  border-color: #00263d; }
  .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #ffffff;
    background-color: #00263d;
    border-color: #004670; }

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

.panel-default > .panel-body, .list-group-item {
  background-color: #ffffff;
  color: #000000; }

.panel-default > .panel-heading {
  background-color: #f2f2f2;
  color: #000000; }

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

.form-control {
  background-color: #ffffff !important;
  color: #000000; }

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: black; }
  .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; }

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

.search-results .highlight {
  color: #000000; }

.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: #000000; }
  .form-close:hover {
    color: #000000 !important; }
  .form-close:focus {
    color: #000000 !important; }

::placeholder {
  color: #000000 !important; }

.help-block {
  color: #000000; }

.msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
  color: #000000 !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: #000000 !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: #B5E4CA !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: Helvetica;
  font-weight: 700;
  font-size: 36px;
  color: #00263d;
  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: Helvetica;
  font-weight: 700;
  font-size: 32px;
  color: #00263d; }

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
  font-family: Helvetica;
  font-weight: 700;
  font-size: 20px;
  color: #00263d; }

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
  font-family: Helvetica;
  font-weight: 700;
  font-size: 24px;
  color: #6f767e; }

h5,
.h5 {
  font-family: Helvetica;
  font-weight: 700;
  font-size: 14px;
  color: #6f767e; }

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p {
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px;
  color: #00263d; }

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

.button1 {
  color: #ffffff;
  border-radius: 8px;
  font-family: Helvetica;
  font-weight: 700;
  font-size: 16px;
  border-color: #00263d;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #00263d; }
  .button1:not(.gjs-selected):hover {
    color: #ffffff;
    background-color: #00263d;
    border-color: #00263d; }
  .button1:not(.gjs-selected):active, .button1.active:not(.gjs-selected) {
    color: #ffffff;
    background-color: #00263d; }
  .button1:focus, .button1.focus {
    color: #ffffff;
    background-color: #00263d; }

.button2, .btn-default {
  color: #00263d;
  border-radius: 8px;
  font-family: Helvetica;
  font-weight: 700;
  font-size: 16px;
  border-color: #00263d;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: transparent; }
  .button2:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
    color: #ffffff;
    background-color: #00263d;
    border-color: #00263d; }
  .button2:not(.gjs-selected):active, .button2.active:not(.gjs-selected), .btn-default:not(.gjs-selected):active, .btn-default.active:not(.gjs-selected) {
    color: #ffffff;
    background-color: #00263d; }
  .button2:focus, .button2.focus, .btn-default:focus, .btn-default.focus {
    color: #ffffff;
    background-color: #00263d; }

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

h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle,
.navbar-static-top.navbar-inverse .navbar-brand a h1.siteTitle > span {
  display: inline;
  vertical-align: middle;
  color: #ffffff;
  font-family: Helvetica;
  font-weight: 700;
  font-size: 36px; }

p.smallText {
  display: inline;
  vertical-align: middle;
  color: #6f767e;
  font-family: Helvetica;
  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; }

/* Runtime branding override.
   This file loads after the generated typography files, so keep the branding
   font rule here to win over Power Pages' hard-coded Helvetica/Arial rules. */
html,
body,
body :not(.fa):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not(code):not(kbd):not(pre):not(samp) {
  font-family: var(--brand-font-family, var(--font-sans, Helvetica Neue, Helvetica, Arial, sans-serif)) !important; }

.fa,
.fa::before {
  font-family: FontAwesome !important; }

.glyphicon,
.glyphicon::before,
[class^="glyphicon-"],
[class*=" glyphicon-"] {
  font-family: 'Glyphicons Halflings' !important; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important; }

/* Runtime branded surface overrides.
   Older page-level styles and snippets hard-code ADM colors, table radii, and
   filter/control treatments. Keep this late-loaded bridge token-driven so
   runtime branding wins without editing every historical page copy. */
body,
.page-copy,
.sidenav-page__main,
.sectionBlockLayout,
.sectionBlockLayout > .container,
.container,
.description-list,
.dataTables_wrapper,
.dt-container {
  color: var(--table-text-color, var(--brand-primary)) !important; }

h1,
h2,
h3,
h4,
h5,
h6,
.form-horizontal legend,
.title,
.page-headline,
.page-header,
.ad-header,
.modal-title,
.section-heading,
.card h4,
.balance,
.filter-popover-content h3,
.description-list__term {
  color: var(--heading-text-color, var(--brand-primary)) !important; }

a:not(.btn):not(.button--primary):not(.button--secondary):not(.button--gray):not(.button--back):not(.sidenav__link):not(.mobile-nav__link),
.client-link,
.request-link,
.client-account,
.bank,
.back-button,
.toggle-chevron,
.expand-toggle,
.redirect-icon,
.linklike {
  color: var(--link-text-color, var(--table-text-color, var(--brand-primary))) !important; }

a:not(.btn):not(.button--primary):not(.button--secondary):not(.button--gray):not(.button--back):not(.sidenav__link):not(.mobile-nav__link):hover,
.client-link:hover,
.request-link:hover,
.client-account:hover,
.bank:hover,
.back-button:hover,
.toggle-chevron:hover,
.expand-toggle:hover,
.redirect-icon:hover,
.linklike:hover {
  color: var(--link-hover-text-color, var(--brand-primary)) !important; }

.card,
.table-wrapper,
.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content,
.filter-popover-content,
.modal-buttons-wrapper,
.request-modal .submenu {
  background: var(--surface-background-color, #fff) !important;
  background-color: var(--surface-background-color, #fff) !important; }

.card,
.table-wrapper,
.card .grid-actions,
.modal-content,
.popover-content,
.filter-popover-content,
.modal-buttons-wrapper,
.request-modal .submenu,
.file-drop-area,
.dt-clear-all,
.filter-close-btn,
#clearFilterBtn,
#applyFilterBtn,
.btn-toggle-external-account {
  border-radius: var(--radius) !important; }

.card .grid-actions,
.filter-buttons {
  background: var(--surface-muted-background-color, var(--table-toolbar-background-color, #fafafb)) !important;
  background-color: var(--surface-muted-background-color, var(--table-toolbar-background-color, #fafafb)) !important; }

.data-table,
.display.data-table,
table.dataTable,
.table {
  border-collapse: separate !important;
  border-spacing: 0 !important; }

.data-table thead th,
.display.data-table thead th,
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td,
.table > thead > tr > th,
.page-copy table > thead > tr > th,
.sidenav-page__main table > thead > tr > th {
  background: var(--table-header-background-color, var(--brand-primary)) !important;
  background-color: var(--table-header-background-color, var(--brand-primary)) !important;
  color: var(--table-header-text-color, var(--brand-primary-foreground)) !important;
  border-color: var(--table-border-color, #ebeef0) !important; }

.data-table thead th a,
.display.data-table thead th a,
table.dataTable > thead > tr > th a,
.table > thead > tr > th a {
  color: inherit !important; }

.data-table thead th:first-child,
.display.data-table thead th:first-child,
table.dataTable > thead > tr:first-child > th:first-child,
.table > thead > tr:first-child > th:first-child,
.page-copy table > thead > tr:first-child > th:first-child,
.sidenav-page__main table > thead > tr:first-child > th:first-child {
  border-top-left-radius: var(--radius) !important; }

.data-table thead th:last-child,
.display.data-table thead th:last-child,
table.dataTable > thead > tr:first-child > th:last-child,
.table > thead > tr:first-child > th:last-child,
.page-copy table > thead > tr:first-child > th:last-child,
.sidenav-page__main table > thead > tr:first-child > th:last-child {
  border-top-right-radius: var(--radius) !important; }

.data-table tbody td,
.display.data-table tbody td,
table.dataTable > tbody > tr > td,
.table > tbody > tr > td,
.page-copy table > tbody > tr > td,
.sidenav-page__main table > tbody > tr > td {
  color: var(--table-text-color, var(--brand-primary)) !important;
  border-color: var(--table-border-color, #ebeef0) !important; }

.data-table tbody tr:not(.selected):hover,
.display.data-table tbody tr:not(.selected):hover,
table.dataTable > tbody > tr:not(.selected):hover,
.table-hover > tbody > tr:not(.selected):hover,
.page-copy table > tbody > tr:not(.selected):hover,
.sidenav-page__main table > tbody > tr:not(.selected):hover,
.data-table tbody tr:not(.selected):hover > td,
.display.data-table tbody tr:not(.selected):hover > td,
table.dataTable > tbody > tr:not(.selected):hover > td,
.table-hover > tbody > tr:not(.selected):hover > td,
.page-copy table > tbody > tr:not(.selected):hover > td,
.sidenav-page__main table > tbody > tr:not(.selected):hover > td {
  background: var(--table-row-hover-background-color, #f5f7f8) !important;
  background-color: var(--table-row-hover-background-color, #f5f7f8) !important; }

table.dataTable.display tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3,
table.dataTable.order-column tbody tr > .sorting_3 {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important; }

.form-control,
select.form-control,
textarea.form-control,
input.form-control,
input[type="text"]:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
input[type="search"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="tel"],
input[type="password"],
select,
textarea,
.dataTables_filter input,
.dt-search input,
.dt-length select,
.filter-popover-content input[type="text"],
.filter-popover-content input[type="number"],
.filter-popover-content input[type="date"] {
  background: var(--control-background-color, #f8fafc) !important;
  background-color: var(--control-background-color, #f8fafc) !important;
  border-color: var(--control-border-color, var(--table-border-color, #ebeef0)) !important;
  border-radius: var(--input-border-radius, var(--radius)) !important;
  color: var(--control-text-color, var(--table-text-color, var(--brand-primary))) !important; }

.form-control:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
.dataTables_filter input:focus,
.dt-search input:focus,
.filter-popover-content input[type="text"]:focus,
.filter-popover-content input[type="number"]:focus,
.filter-popover-content input[type="date"]:focus {
  border-color: var(--control-focus-color, var(--brand-primary)) !important;
  box-shadow: 0 0 0 3px rgba(0, 38, 61, 0.14) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--control-focus-color, var(--brand-primary)) 22%, transparent) !important;
  outline: none !important; }

.file-drop-area {
  border-color: var(--control-border-color, var(--table-border-color, #ebeef0)) !important; }

.file-drop-area:hover {
  border-color: var(--control-focus-color, var(--brand-primary)) !important; }

.dataTables_filter label,
.dt-search label,
.dt-length label,
.dt-info,
.dataTables_info,
.paginate_button {
  color: var(--table-text-color, var(--brand-primary)) !important; }

.paginate_button.current,
.dataTables_paginate .paginate_button.current {
  background: var(--brand-primary) !important;
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary-foreground) !important; }

.btn-primary,
.button--primary,
.button--back,
.btn-info,
#applyFilterBtn,
.btn-toggle-external-account {
  background: var(--brand-primary) !important;
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary-foreground) !important; }

.button--secondary,
.btn-success {
  background: var(--brand-secondary) !important;
  background-color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
  color: var(--brand-secondary-foreground) !important; }

.btn-default,
.button2,
#clearFilterBtn,
.dt-clear-all {
  background: var(--control-background-color, #f8fafc) !important;
  background-color: var(--control-background-color, #f8fafc) !important;
  border-color: var(--control-border-color, var(--table-border-color, #ebeef0)) !important;
  color: var(--control-text-color, var(--table-text-color, var(--brand-primary))) !important; }

.filter-popover-content,
.filter-buttons {
  background: var(--surface-background-color, #fff) !important;
  background-color: var(--surface-background-color, #fff) !important; }

.filter-close-btn {
  color: var(--heading-text-color, var(--brand-primary)) !important; }

.filter-close-btn:hover {
  background: var(--table-row-hover-background-color, #f5f7f8) !important; }

.table-wrapper.tbl-loading::after {
  background: var(--loading-overlay-background-color, rgba(0, 0, 0, 0.04)) !important;
  color: var(--table-text-color, var(--brand-primary)) !important;
  border-radius: inherit !important; }

.role-tag {
  background: var(--chip-background-color, var(--table-toolbar-background-color, #fafafb)) !important;
  color: var(--chip-text-color, var(--table-text-color, var(--brand-primary))) !important; }

.badge-chip {
  background: #e8f5ee !important;
  background: color-mix(in srgb, var(--brand-secondary) 14%, #fff) !important;
  color: var(--brand-secondary) !important; }

/* Runtime card header colors.
   Power Pages and a few page snippets hard-code Bootstrap/ADM card header
   colors. Use the branded table-header tokens as the card-header palette. */
.card-header,
.card__header,
.card > h6,
.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading,
.panel-group .panel-heading,
.facet-title.panel-heading {
  background: var(--card-header-background-color, var(--table-header-background-color, var(--brand-primary))) !important;
  background-color: var(--card-header-background-color, var(--table-header-background-color, var(--brand-primary))) !important;
  border-color: var(--card-header-background-color, var(--table-header-background-color, var(--brand-primary))) !important;
  color: var(--card-header-text-color, var(--table-header-text-color, var(--brand-primary-foreground))) !important; }

.card > h6 {
  border-radius: var(--radius) var(--radius) 0 0;
  margin: 0 0 0.8rem 0 !important;
  padding: 1.2rem 1.6rem; }

.card-header a,
.card__header a,
.card > h6 a,
.panel-heading a,
.panel-heading .panel-title,
.panel-heading .panel-title a,
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading h5,
.panel-heading h6,
.panel-heading p,
.panel-heading span:not(.fa):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]) {
  color: inherit !important; }

#faqList .panel-heading,
#releaseNotes .panel-heading {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--subheading-text-color, var(--table-text-color, var(--brand-primary))) !important; }

#faqList .panel-heading a,
#faqList .panel-heading .faq__summary,
#releaseNotes .panel-heading a,
#releaseNotes .panel-heading .release-note__summary {
  color: var(--subheading-text-color, var(--table-text-color, var(--brand-primary))) !important; }

#faqList .panel-heading .faq__title,
#releaseNotes .panel-heading .release-note__title {
  color: inherit !important; }