/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
  --mp-ink: #092B38;
  --mp-teal-900: #104B58;
  --mp-teal-800: #146070;
  --mp-teal-700: #1A7488;
  --mp-teal-600: #1F8A9E;
  --mp-teal-500: #2DCAD6;
  --mp-teal-400: #5DD8E1;
  --mp-teal-300: #8EE3EA;
  --mp-teal-200: #B8EDF1;
  --mp-teal-100: #D5F4F7;

  --mp-card-bg: #FFFFFF;
  --mp-card-radius: 12px;
  --mp-card-shadow: 0 1px 2px rgba(9, 43, 56, .06), 0 8px 24px rgba(9, 43, 56, .08);
  --mp-card-shadow-hover: 0 2px 4px rgba(9, 43, 56, .08), 0 12px 32px rgba(9, 43, 56, .12);

  /* Deliberately heavier than --mp-card-shadow: the accordion sections
     need to read as a distinct bordered block against a now all-white
     page, not just a subtle card lift. Its own named token rather than
     a one-off inline value, so it stays singular and reusable if
     another section needs the same treatment. */
  --mp-accordion-shadow: 0 4px 8px rgba(9, 43, 56, .10), 0 20px 48px rgba(9, 43, 56, .16);
}

/* .button1/.button2 (the two generic CTA classes used wherever a page
   doesn't define its own bespoke button, e.g. Home's closing CTA and
   Solutions' subnav/next-step CTAs) had no brand override anywhere on
   the site — every property came from portalbasictheme.css's own
   defaults, including background-color: #0E51CB, an unthemed
   Power-Pages blue nowhere in the brand palette. Confirmed via computed
   styles this was rendering on every bare .button1 sitewide, not just
   Solutions. Overriding colour only here; radius/padding/font-size are
   left as portalbasictheme sets them, since no page currently relies on
   a different button shape and reshaping wasn't asked for.

   Element-qualified (a.button1, not .button1) — portalbasictheme.css
   loads after this file despite being the vendor stylesheet, so a tied
   (0,1,0) specificity would let its rule win on load order. Every real
   .button1/.button2 usage sitewide is on an <a>, so a.button1 reaches
   (0,1,1) and wins outright, regardless of load order. */
a.button1 {
  background-color: var(--mp-ink);
  border-color: var(--mp-ink);
  color: #ffffff;
}

a.button1:hover,
a.button1:focus,
a.button1.focus,
a.button1:focus-visible {
  background-color: var(--mp-teal-700);
  border-color: var(--mp-teal-700);
  color: #ffffff;
}

/* :active is deliberately not overridden here — portalbasictheme.css's
   own .button1:active rule uses !important, and matching it would mean
   doing the same, which this project avoids ("name the overriding rule
   instead"). The practical effect is a brief blue flash on the instant
   of a mouse-down click, not the resting or hover state — judged not
   worth breaking that rule for. */

a.button2 {
  background-color: transparent;
  border-color: var(--mp-ink);
  color: var(--mp-ink);
}

a.button2:hover {
  background-color: var(--mp-ink);
  border-color: var(--mp-ink);
  color: #ffffff;
}

/* Reusable elevated-card design token. Apply .mp-card to any bounded
   card/panel element (never to a full-width section wrapper). Add
   .mp-card--interactive only when the card contains a link or button —
   it lifts the shadow on hover/focus as an affordance for that action. */
.mp-card {
  background: var(--mp-card-bg);
  border-radius: var(--mp-card-radius);
  box-shadow: var(--mp-card-shadow);
  border: none;
  overflow: hidden;
  transition: box-shadow 150ms ease;
}

.mp-card--interactive:hover,
.mp-card--interactive:focus-within {
  box-shadow: var(--mp-card-shadow-hover);
}

/* ==========================================================================
   Section pattern library (Task G). Reusable classes for assembling new
   pages/sections consistently. Add these as extra classes on the existing
   Design Studio row/container/column structure — never replace that
   structure. All colour here is deliberate CSS (not the Styling pane)
   because these classes exist specifically to guarantee a background/text
   contract (e.g. --dark really is dark) that a per-page Styling-pane
   colour can't guarantee from markup alone.
   ========================================================================== */

.mp-section {
  padding-top: 72px;
  padding-bottom: 72px;
}

.mp-section--tint {
  background: var(--mp-teal-100);
}

.mp-section--dark {
  background: var(--mp-ink);
  color: #ffffff;
}

.mp-section--dark h1,
.mp-section--dark h2,
.mp-section--dark h3,
.mp-section--dark h4,
.mp-section--dark p {
  color: #ffffff;
}

.mp-section--dark .mp-eyebrow {
  color: var(--mp-teal-300);
}

@media (max-width: 767px) {
  .mp-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

/* Element-qualified compound (.columnBlockLayout.mp-section-header, not
   just .mp-section-header) — every real usage carries both classes on
   the same element, and portalbasictheme.css's own bare .columnBlockLayout
   rule sets margin-top/margin-bottom: 60px at the same (0,1,0)
   specificity as a bare .mp-section-header would be, winning on load
   order (portalbasictheme.css loads after this file). The two-class
   compound reaches (0,2,0), which wins outright. Confirmed via computed
   styles this was silently costing every .mp-section-header sitewide
   its intended 2rem margin, not just the one on Solutions this was
   found from. */
.columnBlockLayout.mp-section-header {
  margin-bottom: 2rem;
}

.mp-section-header p {
  max-width: 60ch;
  margin: 0.25rem 0 0;
}

/* Horizontal pill selector — for sections with multiple parallel
   sub-views to segment between. Not every section needs one: skip it
   when there's nothing to segment. */
.mp-pillbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 1.5rem;
}

.mp-pillbar-item {
  appearance: none;
  margin: 0;
  font: inherit;
  text-align: inherit;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--mp-teal-900);
  background: var(--mp-teal-100);
  border: none;
  border-radius: 999px;
  padding: 8px 18px;
  cursor: pointer;
}

.mp-pillbar-item[aria-selected="true"] {
  color: #ffffff;
  background: var(--mp-ink);
}

/* Horizontal tab strip with an underline indicator + panel below. */
.mp-tabstrip {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  border-bottom: 1px solid var(--mp-ink);
}

.mp-tabstrip-tab {
  flex-shrink: 0;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--mp-teal-900);
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 12px 16px;
  cursor: pointer;
}

.mp-tabstrip-tab[aria-selected="true"] {
  color: var(--mp-ink);
  border-bottom-color: var(--mp-ink);
}

.mp-tabstrip-tab:focus-visible {
  outline: 3px solid var(--mp-ink);
  outline-offset: 2px;
}

.mp-tabstrip-panel {
  background: var(--mp-card-bg);
  border-radius: var(--mp-card-radius);
  box-shadow: var(--mp-card-shadow);
  padding: 24px;
  margin-top: 1.5rem;
}

/* Two-column split: text/accordion left, media right. Stacks below 768px. */
.mp-split {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: stretch;
}

.mp-split-content {
  flex: 1 1 45%;
  min-width: 280px;
}

.mp-split-media {
  flex: 1 1 45%;
  min-width: 280px;
  position: sticky;
  top: 96px;
}

.mp-split-media img {
  display: block;
  width: 100%;
  border-radius: var(--mp-card-radius);
  object-fit: cover;
}

@media (max-width: 767px) {
  .mp-split {
    flex-direction: column;
  }
  .mp-split-media {
    position: static;
  }
}

/* Equal-height card grid. Column count comes from a modifier, not a
   hardcoded per-card width, so the number of cards can change freely. */
.mp-card-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.mp-card-grid > * {
  display: flex;
  flex-direction: column;
}

.mp-card-grid--2 > * {
  flex: 1 1 calc(50% - 12px);
  min-width: 260px;
}

.mp-card-grid--3 > * {
  flex: 1 1 calc(33.333% - 16px);
  min-width: 260px;
}

/* Specificity note: .mp-nav-card (page-level CSS, loads after this file)
   sets its own flex: 1 1 auto. A bare "> *" here ties with it at (0,1,0)
   and loses on load order, so the child selector repeats the grid's own
   class to win outright — no !important needed. */
.mp-card-grid.mp-card-grid--4 > * {
  flex: 1 1 calc(25% - 18px);
  min-width: 240px;
}

@media (max-width: 1023px) {
  .mp-card-grid.mp-card-grid--4 > * {
    flex: 1 1 calc(50% - 12px);
  }
}

@media (max-width: 767px) {
  .mp-card-grid.mp-card-grid--4 > * {
    flex: 1 1 100%;
  }
}

/* Five columns don't divide evenly into a single row at any reasonable
   card width, so --5 reuses --3's three-up desktop basis (two rows:
   3 + 2) and --4's own responsive collapse shape (2-up at 1023px,
   1-up at 767px) rather than inventing a new breakpoint scheme. */
.mp-card-grid.mp-card-grid--5 > * {
  flex: 1 1 calc(33.333% - 16px);
  min-width: 260px;
}

@media (max-width: 1023px) {
  .mp-card-grid.mp-card-grid--5 > * {
    flex: 1 1 calc(50% - 12px);
  }
}

@media (max-width: 767px) {
  .mp-card-grid.mp-card-grid--5 > * {
    flex: 1 1 100%;
  }
}

/* Icon + heading + body row, used inside .mp-section--dark. */
.mp-feature-row {
  display: flex;
  gap: 16px;
  border-left: 3px solid var(--mp-teal-500);
  padding-left: 20px;
}

/* Icon asset was never referenced — the div has always been empty
   (confirmed: 0 children), not a broken/missing image. Renders as a
   flat --mp-teal-100 block (a rounded square, not a circle) as a
   placeholder rather than an unlit icon, for whichever .mp-feature-row
   usage supplies real icons next. (The section this was originally
   written for — Solutions' "why this works" — no longer exists; kept
   as pattern-library CSS, not tied to that specific instance anymore.) */
.mp-feature-row-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--mp-teal-100);
}

.mp-feature-row h3 {
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
}

.mp-feature-row p {
  margin-bottom: 0;
  color: var(--mp-teal-100);
}

/* Accordion + inline media pattern. One <ul>, not a two-column split:
   each <li> carries its own title/body/link/image; only the open item's
   image is visible (its ancestor .mp-accordion__collapse is display:none
   when closed), so CSS positions whichever one is showing into the right
   half — no image-swap JS. Used by "Five ways" and "Find your way
   around"; same markup, same classes, same CSS for both.

   Height locking: .mp-accordion has a fixed aspect-ratio (8/3) rather
   than a JS-measured height. It was chosen to match .mp-accordion__media
   exactly: media is 50% of this container's width at aspect-ratio 4/3,
   which works out to (0.5 * 4/3 =) 8/3 for the container that contains
   it at 100% width — so the media naturally fills the container's full
   height with no separate height rule needed on it. Realistic body copy
   here is always shorter than that reserved height, so the box neither
   grows nor shrinks as items open and close. */
.mp-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  aspect-ratio: 8 / 3;
  background: var(--mp-card-bg);
  border-radius: var(--mp-card-radius);
  box-shadow: var(--mp-accordion-shadow);
  overflow: hidden;
}

.mp-accordion__item {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid #000000;
}

.mp-accordion__item:last-child {
  border-bottom: none;
}

/* Its own element, not a border-left on the header — a border-left only
   ever runs beside the header's own box, not the full item (header +
   body). Flex-stretch on the item makes this span both without needing
   position: absolute, which stays free for .mp-accordion__media below. */
.mp-accordion__indicator {
  width: 3px;
  flex-shrink: 0;
  background: transparent;
}

.mp-accordion__item:has(.mp-accordion__header[aria-expanded="true"]) .mp-accordion__indicator {
  background: var(--mp-ink);
}

.mp-accordion__content {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 45%;
}

.mp-accordion__header {
  appearance: none;
  margin: 0;
  font: inherit;
  color: inherit;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;
  background: none;
  border: none;
  padding: 20px 16px;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

/* Two separate collisions, both needing more than one class + one type
   selector (0,1,1) to win outright:
   - theme.css's own h1,.h1,h2,.h2,h3,.h3 rule (below) sets h3
     { margin-top: 21px }, at the same (0,1,1) once matched against a
     bare h3.
   - portalbasictheme.css defines a real (not empty) colour per
     data-component-theme value — e.g. [data-component-theme=
     "portalThemeColor1"] h3 { color: #000000 } — also (0,1,1), and it
     loads after this file, so it was winning on "Five ways" (which
     carries that attribute) while "Find your way around" (no
     data-component-theme) rendered correctly. Adding .mp-accordion__item
     to the selector reaches (0,2,1), which beats both regardless of
     load order. */
.mp-accordion__item .mp-accordion__header h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--mp-ink);
}

/* CSS-only chevron: a rotated corner, no image or icon font. Colour
   comes from currentColor (the header's own --mp-ink), not a new value. */
.mp-accordion__header::after {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-left: auto;
  flex-shrink: 0;
  transition: transform 150ms ease;
}

.mp-accordion__header[aria-expanded="true"]::after {
  transform: rotate(225deg);
}

/* :focus, not :focus-visible, is what previously left a focus ring
   stuck on an item after a mouse click — Bootstrap's own
   .accordion-button:focus set a box-shadow on any focus, not just
   keyboard focus. This button no longer carries that class at all, and
   also resets :focus explicitly so no other rule can reintroduce it. */
.mp-accordion__header:focus {
  outline: none;
  box-shadow: none;
}

.mp-accordion__header:focus-visible {
  outline: 3px solid var(--mp-ink);
  outline-offset: -3px;
}

.mp-accordion__body {
  padding: 0 16px 20px 16px;
}

.mp-accordion__body > div:first-child {
  color: var(--mp-ink);
  margin-bottom: 0.75rem;
}

.mp-link {
  color: var(--mp-ink);
  font-weight: 500;
  text-decoration: underline;
}

.mp-link:hover,
.mp-link:focus-visible {
  color: var(--mp-ink);
}

.mp-link:visited {
  color: var(--mp-ink);
}

/* Escapes past .content/.collapse/.body (none of which are positioned)
   up to .mp-accordion itself — every item's media lands in the same
   box, and only one is ever visible since its ancestor .collapse is
   display: none when that item is closed. */
.mp-accordion__media {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  aspect-ratio: 4 / 3;
}

.mp-accordion__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--mp-card-radius);
}

@media (max-width: 767px) {
  .mp-accordion {
    aspect-ratio: auto;
  }
  .mp-accordion__content {
    max-width: 100%;
  }
  .mp-accordion__media {
    position: static;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin-top: 16px;
  }
}

h1.underline,
h4.underline {
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 21px;
}

@media (max-width: 767px) {

  .text_center-mobile {
    text-align: center;
  }
}


.btn-lg-home {
  padding: 20px 40px;
  font-size: 15px;
}


.btn-info-home {
  color: #fff;
  border-color: #fff;
  background: transparent;
}

.btn-info-home:hover {
  color: #000;
  border-color: #000;
  background: #fff;
}

.btn-info-home:active {
  color: #000;
  border-color: #000;
  background: #fff;
}

.btn-info-home:focus {
  color: #000;
  border-color: #000;
  background: #fff;
}


.breadcrumb > li a {
  color: #302ce1;
  padding: 2px 4px;
}
.breadcrumb > li a:hover {
  color: #302ce1;
}


.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: 0px;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
}


.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover {
  background: none;
}


.pagination > li:last-child > a:hover,
.pagination > li:last-child > span:hover {
  background: none;
}


.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  background-color: transparent;
  border-color: transparent;
}


.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  border-color: transparent;
  border-radius: 50%;
  border: solid 1px;
}

.logo-container {
  height: 51px;
  width: 187px;
  margin-left: 9px;
}


.fixed-top {
  border-width: 0;
}


.static-top {
  border-width: 0;
  margin-bottom: 0;
}


.navbar-default {
  border-color: transparent;
}


.homelink,
a.homelink:hover,
a.homelink:focus {
  color: #fff;
  text-decoration: none;
}


.register-bar {
  clear: both;
}


.fixed-top.navbar {
  min-height: 67px;
}

.fixed-top.navbar .navbar-collapse {
  max-height: 510px;
  box-shadow: none;
  border-top: none;
  padding-top: 8px;
}

.fixed-top.navbar .form-inline {
  border: none;
  margin-left: 0;
  margin-right: 0;
}

.fixed-top.navbar .form-inline .form-control {
  font-size: 1em;
}


.static-top.navbar .navbar-collapse {
  max-height: 510px;
  box-shadow: none;
  border-top: none;
}


.static-top.navbar .form-inline {
  border: none;
  margin-left: 0;
  margin-right: 0;
}

.static-top.navbar .form-inline .form-control {
  font-size: 1em;
}

@media (min-width: 992px) {

  .fix-navbar .register-bar {
    display: none;
  }
}


.fixed-top.navbar > .container > .row > div {
  float: none !important;
  display: inline-block;
  vertical-align: bottom;
}


.static-top.navbar > .container > .row > div {
  float: none !important;
  display: inline-block;
  vertical-align: bottom;
}


.fixed-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: 'Segoe UI Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
}


.fixed-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  height: 21px;
  margin: 0 4px;
  margin-top: 14.5px;
  border-right: 1px solid #fff;
  border-left: 1px solid #666;
}


.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: 'Segoe UI Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
}


.static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
  height: 21px;
  margin: 0 4px;
  margin-top: 14.5px;
  border-right: 1px solid #fff;
  border-left: 1px solid #666;
}


.fixed-top .navbar-brand {
  font-size: 2.11em;
  font-family: 'Segoe UI Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #232222;
  position: relative;
}

@media (max-width: 1200px) {
  
  .fixed-top .navbar-brand {
    position: initial;
    height: 42px;
  }
}


.fixed-top .navbar-header {
  padding-top: 8px;
}


.static-top .navbar-brand {
  font-size: 2.11em;
  font-family: 'Segoe UI Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #232222;
  position: relative;
}

@media (max-width: 1200px) {
  
  .static-top .navbar-brand {
    position: initial;
    height: 42px;
  }
}


.fixed-top.navbar-dark {
  background-color: #232222;
  border-color: transparent;
}

.fixed-top.navbar-dark .navbar-brand {
  color: #fff;
}

.fixed-top.navbar-dark .divider-vertical {
  border-right-color: #fff;
  border-left-color: #111;
}


.static-top.navbar-dark {
  background-color: #ffffff;
  border-color: transparent;
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

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

.static-top.navbar-dark .divider-vertical {
  border-right-color: #fff;
  border-left-color: #111;
}


.navbar-dark .navbar-nav > li > a {
  color: #000;
}

.navbar-dark .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #302ce1;
  /*border-bottom: 4px solid #2F5FEF;
    padding-bottom: 10px;*/
}

.navbar-dark .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #302ce1;
  border: 1px dashed black !important;
  outline: 1px dashed #ffffff;
}

@media (max-width: 1199px) {
  
  .navbar-dark .navbar-nav > li > a:hover {
    color: #fff;
    background-color: #302ce1;
    /*border-bottom: 4px solid #2F5FEF;
    padding-bottom: 6px;*/
  }
}


.menu-bar .shopping_link {
  position: relative;
}

.menu-bar .shopping_link .cart_amount {
  border-radius: 100%;
  height: 17px;
  width: 17px;
  position: absolute;
  bottom: 6px;
  right: -6px;
  background-color: #2f5fef;
  text-align: -webkit-center;
  line-height: 17px;
  font-size: 9px;
  padding-left: 1.9px;
  color: #fff;
}

.menu-bar .shopping_link .cart_amount:hover {
  color: #fff;
}

@media (max-width: 1199px) {
  
  .fixed-top .navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

@media (max-width: 1199px) {
  
  .static-top .navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

@media (max-width: 767px) {
  
  .fixed-top.navbar > .container > .row > div {
    display: block;
  }

  .navbar-header {
    position: relative;
  }
}

@media (max-width: 767px) {
  
  .static-top.navbar > .container > .row > div {
    display: block;
  }

  .navbar-header {
    position: relative;
  }
}


.card {
  -webkit-box-shadow: 0 0px 0px transparent;
  box-shadow: 0 0px 0px transparent;
}


.border-bottom {
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 84px;
}

.card {
  border-radius: 0px;
  border: none;
  box-shadow: none;
}

.card + .card {
  margin-top: 5px;
}

.card-header {
  border-bottom: 0;
}

.card-header .card-title a {
  text-decoration: none;
}

.card-header .card-title a:hover {
  color: #2f5fef;
}

.card-header .card-title a:before {
  content: ' ';
  background-repeat: no-repeat;
  display: inline-block;
  width: 22px;
  height: 12px;
  background-position: -92px -5px;
  margin-right: 10.5px;
}

.card-header .card-title a.collapsed:before {
  background-position: -5px -126px;
}

.card-header + .panel-collapse > .card-body,
.card-header + .panel-collapse > .list-group {
  border-top: none;
}

.card-footer {
  border-top: 0;
}

.card-footer + .panel-collapse .card-body {
  border-bottom: none;
}

.card-header {
  color: #333333;
  background-color: transparent;
  border-color: none;
}

.card-header + .panel-collapse > .card-body {
  border-top-color: none;
}

.card-header .badge {
  color: transparent;
  background-color: #333333;
}

.card-footer + .panel-collapse > .card-body {
  border-bottom-color: none;
}


body {
  padding-top: 0px;
  
  margin: 0;
  height: 100%;
}

@media (max-width: 767px) {

  body {
    padding-top: 0px;
  }
}


.layer_down {
  height: 50px;
  background: url('layer_down.png') no-repeat bottom center;
  position: absolute;
  bottom: 0;
  z-index: 900;
  width: 100%;
}


.layer_up {
  height: 40px;
  background: url('layer_up.png') no-repeat bottom center;
  position: relative;
  z-index: 20;
}


.section-margin {
  margin: 21px 0;
}


.section-inline-search {
  background-size: cover;
}

.section-inline-search .row > div {
  margin-top: 100px;
}

.section-inline-search .row > div h1 {
  color: #fff;
}

@media screen and (max-width: 600px) {

  .section-inline-search .row > div h1 {
    font-size: 16vw;
  }
}

.section-inline-search .row > div .form-inline .row .input-group {
  margin-right: 21px;
}

.section-inline-search .row > div .form-inline .row .input-group .input-group-text {
  background-color: #fff;
  border-right: none;
}

.section-inline-search .row > div .form-inline .row .input-group .form-control {
  height: 60px;
  border-left: none;
  box-shadow: none;
}

.section-inline-search .row > div .form-inline .row .input-group .form-control:focus {
  box-shadow: none;
  border-right: none;
  border-color: #ccc;
}


.wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  -moz-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}


.wrapper .contained {
  position: relative;
  height: 400px;
  padding-bottom: 56.25%;
}


.wrapper .contained > svg {
  margin-top: -100px;
  position: absolute;
  display: block;
}


.contained .row {
  margin-top: 80px;
}


footer {
  position: relative;
  color: #22221e;
}

footer .footer-top {
  width: 100%;
  min-height: 130px;
  background-color: #232222;
  display: flex;
  align-items: center;
}

footer .footer-top h3,
footer .footer-top h4 {
  color: #fff;
}

footer .footer-top .list-social-links {
  margin-top: 25px;
  margin-bottom: 12.5px;
}

@media screen and (max-width: 991px) {

  footer .footer-top h3,
  footer .footer-top .list-social-links {
    text-align: center;
  }
}

footer .footer-bottom {
  width: 100%;
  min-height: 68px;
  background-color: #d2d2ce;
  font-size: 14px;
  display: flex;
  align-items: center;
}

footer .footer-bottom p {
  margin: 0;
}

footer .footer-bottom h4 {
  margin-top: 0;
  color: #fff;
}

footer .footer-bottom ul {
  list-style-type: none;
  margin: 0;
}

footer .footer-bottom ul li a,
footer .footer-bottom ul li a:hover,
footer .footer-bottom ul li a:focus,
footer .footer-bottom ul li a:active,
footer .footer-bottom ul li a.active {
  font-size: 15px;
  color: #fff;
}


.list-social-links {
  list-style-type: none;
  padding-left: 0;
}

.list-social-links li {
  display: inline-block;
  margin: 0 10px;
}

.list-social-links li a,
.list-social-links li a:hover,
.list-social-links li a:focus,
.list-social-links li a:active,
.list-social-links li a.active {
  color: #fff;
}

@media screen and (max-width: 993px) {

  .section-landing h1 {
    font-size: 65px;
  }

  .section-landing h2 {
    letter-spacing: normal;
    margin-left: -3px;
  }
}


.user-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 7px;
}


.article-title-container {
  border-top: solid 1px #bcbcbc;
  border-bottom: solid 1px #bcbcbc;
  padding-left: 15px;
  padding-top: 28px;
  padding-bottom: 28px;
}


.article-title {
  margin-left: -35px;
}

.article-title > span {
  margin-left: 3px;
}

.article-title > span .article-author {
  font-weight: bold;
  color: #2f5fef;
}


.article-content {
  margin-top: 15px;
}

.article-content > p {
  text-align: justify;
}

@media screen and (max-width: 993px) {

  .article-title {
    margin-left: 0;
    text-align: center;
  }

  .article-author {
    text-align: center;
  }
}


.section-search .header-search {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  background-color: #eeeeee;
}

.section-search .header-search img {
  max-width: 350px;
}

@media screen and (max-width: 600px) {

  .section-search .header-search h1 {
    font-size: 13vw;
  }
}


.section-search .title-search {
  font-size: 26px;
  font-weight: bold;
}


.section-search input {
  border-style: none;
  padding-left: 10px;
  height: 60px;
}


.section-search .media .media-left > img {
  max-width: 240px;
}


.section-search .media .media-body {
  padding-left: 20px;
}

.section-search .media .media-body > a {
  text-decoration: none;
  font-weight: bold;
}

.section-search .media .media-body .media-heading {
  margin-top: 5px;
  margin-bottom: 20px;
}


.cards-container {
  margin-top: 84px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 991px) {

  .cards-container {
    flex-direction: column;
  }
}


.carousel-custom .carousel-inner > .carousel-item {
  margin-right: auto;
  margin-left: auto;
}

.carousel-custom .carousel-inner > .carousel-item .carousel-caption {
  display: flex;
  align-items: center;
  top: 5%;
  left: 5%;
  right: 5%;
}

@media screen and (min-width: 768px) {
  
  .carousel-custom .carousel-inner > .carousel-item .carousel-caption {
    left: 5%;
    right: 5%;
  }
}


.carousel-custom .carousel-indicators li {
  border-color: #232222;
}


.table.table-forms td {
  padding: 15px 8px;
}


.table.table-forms tbody tr:first-child td {
  border-top: none;
}


.poll {
  background-color: #eeeeee;
  border-top: 7px solid #0b80d0;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.poll .poll-header {
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 5px;
}

.poll .poll-header h4 {
  font-weight: bold;
  display: inline-block;
}

.poll .poll-content {
  padding-top: 25px;
}

.poll .poll-content p {
  font-size: 14px;
}

.poll .poll-content form {
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 10px;
}

.poll .poll-content .poll-buttons {
  padding-top: 20px;
  padding-left: 11px;
}

.poll .poll-content .poll-buttons .btn {
  padding: 4px 14px;
  font-size: 14px;
}

.poll .poll-content .poll-buttons .btn-default {
  color: #000;
  border-color: #000;
}

.poll .poll-content .poll-buttons .btn-default:hover {
  color: #000;
  border-color: #000;
}

.poll .poll-tags {
  padding-top: 10px;
}

.poll .poll-tags h4 {
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 10px;
}

.poll .poll-tags .tag {
  display: inline-block;
  background-color: #e1e1e1;
  color: #232222;
  padding: 5px 14px;
  margin: 5px 0px;
  text-transform: uppercase;
  font-size: 13px;
}


.nav-sidebar {
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.nav-sidebar .nav > li > a {
  padding: 4px 20px;
  color: #2f5fef;
  border-right: 2px solid #eeeeee;
}

.nav-sidebar .nav > li > a:hover,
.nav-sidebar .nav > li > a:focus {
  color: #232222;
  text-decoration: none;
  background-color: transparent;
  border-right: 2px solid #555555;
}

.nav-sidebar .nav > li > a:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e250';
  margin-right: 7px;
}

.nav-sidebar .nav > .active > a {
  color: #232222;
  text-decoration: none;
  background-color: transparent;
  border-right: 2px solid #555555;
  font-weight: bold;
}

.nav-sidebar .nav > .active > a:before {
  content: '\e252';
}

.nav-sidebar .nav > .active:hover > a,
.nav-sidebar .nav > .activefocus > a {
  font-weight: bold;
}

.nav-sidebar .nav > .active > ul.nav {
  display: block;
}

.nav-sidebar .nav ul.nav {
  display: none;
}

.nav-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
}

.nav-sidebar .nav .nav > .active,
.nav-sidebar .nav .nav > .active:hover,
.nav-sidebar .nav .nav > .active:focus {
  font-weight: bold;
}

.nav-sidebar .nav .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 60px;
}

.nav-sidebar .nav .nav .nav > li > a:before {
  content: '';
}

.nav-sidebar .nav .nav .nav > .active,
.nav-sidebar .nav .nav .nav > .active:hover,
.nav-sidebar .nav .nav .nav > .active:focus {
  font-weight: bold;
}


#navbar .dropdown-menu {
  margin-top: 8px;
}


#navbar .dropdown-search {
  padding-top: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  margin: 9px;
}

#navbar .dropdown-search #q {
  min-width: 200px;
}

@media (max-width: 1199px) {

  #navbar .dropdown-search .input-group-btn {
    vertical-align: top;
  }

  #navbar .dropdown-search #search-filter {
    width: 100%;
    text-align: left;
    padding-left: 25px;
  }

  #navbar .dropdown-search.dropdown-menu > li:hover,
  #navbar .dropdown-search .dropdown-menu > li:hover {
    color: white;
    background-color: transparent;
  }
}


.tabs-header {
  padding-bottom: 9.5px;
  margin: 42px 0 21px;
}


.help-block.error,
label.col-form-label.required:before,
.crmEntityFormView .cell div.info.required label:after,
.crmEntityFormView .cell div.info div.validators,
.crmEntityFormView .validator-text,
.crmEntityFormView .rank-order-cell .validator-text,
.crmEntityFormView .constant-sum-cell .validator-text,
.crmEntityFormView .stack-rank-cell .validator-text {
  color: #a94442;
}

@media screen and (-ms-high-contrast: active) {
  
  .navbar-default .navbar-toggler .navbar-toggler-icon {
    background-color: #888;
  }
  
  .navbar-dark .navbar-toggler .navbar-toggler-icon {
    background-color: #fff;
  }
}


.pr-color {
  color: #2f5fef;
}


.blue_border {
  padding-bottom: 10px;
  border-bottom: 7px solid #0b80d0;
}


.page_section {
  position: relative;
  background-size: cover;
  color: #000;
}

.page_section .row {
  padding-top: 40px;
  padding-bottom: 100px;
}

.page_section .row.sidebar-home {
  padding-bottom: 0;
}

.page_section h1 {
  font-size: 32px;
}

.page_section h2 {
  color: #666666;
  font-size: 40px;
}

.page_section h3 {
  font-size: 66px;
  font-family: 'Segoe UI Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.page_section p {
  padding-top: 5px;
}

.page_section .btn {
  margin-top: 50px;
}

.page_section .form-search .btn {
  padding: 4px 12px;
  margin-top: 1px;
}

.page_section .section-landing-heading p,
.page_section .section-landing-sub-heading p {
  border-top: 0;
}


.form-search .btn {
  border: 1px solid #ccc;
}


.form-search .btn-default:hover {
  border-color: #ccc;
}


.form-search .dropdown-submenu {
  right: -2px;
}


.form-search .dropdown-menu {
  margin-top: 0px;
}


.dropdown-search.dropdown-menu > li:hover {
  background-color: transparent;
}


#navbar .form-search .dropdown-menu {
  margin-top: 0px;
}


.section-diagonal-left {
  -webkit-transform: skew(0deg, -1.3deg);
  -ms-transform: skew(0deg, -1.3deg);
  transform: skew(0deg, -1.3deg);
  overflow: hidden;
  margin-top: -60px;
  margin-bottom: -20px;
}

.section-diagonal-left .section-diagonal-left-content {
  -webkit-transform: skew(0deg, 1.3deg);
  -ms-transform: skew(0deg, 1.3deg);
  transform: skew(0deg, 1.3deg);
  background-size: cover;
  margin-top: -70px;
}

.section-diagonal-left .section-diagonal-left-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  z-index: -1;
  background-color: #fff;
}


.section-diagonal-right {
  -webkit-transform: skew(0deg, 1.3deg);
  -ms-transform: skew(0deg, 1.3deg);
  transform: skew(0deg, 1.3deg);
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: -20px;
}

.section-diagonal-right.home-section {
  margin-top: -60px;
}

.section-diagonal-right .section-diagonal-right-content {
  -webkit-transform: skew(0deg, -1.3deg);
  -ms-transform: skew(0deg, -1.3deg);
  transform: skew(0deg, -1.3deg);
  background-size: cover;
  margin-top: -70px;
}

.section-diagonal-right .section-diagonal-right-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: -1;
  background-color: #2f5fef;
}


.section-diagonal-left .row,
.section-diagonal-right .row {
  padding-top: 125px;
}


.section-diagonal-left .col-lg-5,
.section-diagonal-right .col-lg-5 {
  float: none;
  margin: 0 auto;
}


.section-diagonal-left p,
.section-diagonal-right p {
  border-top: none;
}


.section-landing {
  background: linear-gradient(transparent, transparent);
  background-size: cover;
}

.section-landing .row > div {
  margin-top: 80px;
}

.section-landing .row > div .section-landing-heading {
  font-size: 4rem;
  color: #fff;
}

@media screen and (max-width: 600px) {

  .section-landing .row > div .section-landing-heading {
    font-size: 16vw;
  }
}

.section-landing .row > div .section-landing-sub-heading {
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: Semibold;
}

@media screen and (max-width: 600px) {

  .section-landing .row > div .section-landing-sub-heading {
    font-size: 4vw;
  }
}


.section-sub-landing {
  background-size: cover;
}


.section-default {
  background-size: cover;
}

@media screen and (max-width: 767px) {

  .section-default:before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(
      top,
      transparent 0%,
      rgba(0, 0, 0, 0.59) 41%,
      rgba(0, 0, 0, 0.62) 43%,
      black 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      transparent 0%,
      rgba(0, 0, 0, 0.59) 41%,
      rgba(0, 0, 0, 0.62) 43%,
      black 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.59) 41%,
      rgba(0, 0, 0, 0.62) 43%,
      black 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    /* IE6-9 */
  }
}

.section-default .row {
  padding-bottom: 150px;
}


.section-knowledge {
  margin-bottom: 40px;
}


.content-home .btn {
  margin-top: 0;
}


.content-home .card {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.content-home .card p {
  border: 0;
}


.content-home .card-header {
  display: none;
}


.content-home .list-group-item {
  padding: 20px 0;
  font-size: 20px;
  background-color: transparent;
  border: 0;
  border-top: 1px solid #ddd;
}

.content-home .list-group-item img {
  margin-right: 25px;
}


.content-home a.list-group-item,
.content-home .list-group-item a.title {
  color: #232222;
}

.content-home a.list-group-item:hover,
.content-home a.list-group-item:focus,
.content-home .list-group-item a.title:hover,
.content-home .list-group-item a.title:focus {
  color: #232222;
  text-decoration: underline;
  background-color: transparent;
}


.content-home .title,
.content-home .description {
  display: block;
}


.content-home .title {
  font-size: 24px;
  font-family: 'Segoe UI Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.content-home .description {
  display: block;
  font-size: 14px;
}


.sidebar-home {
  background-color: #eeeeee;
  border-top: 7px solid #0b80d0;
  margin-top: 36px;
  position: relative;
}

.sidebar-home h3 {
  font-size: 18px;
}

.sidebar-home .card {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.sidebar-home .card-header {
  padding-left: 0;
  background-color: transparent;
  border: 0;
}

.sidebar-home .card-title {
  font-size: 14px;
  color: #2f5fef;
  font-family: 'Segoe UI Semibold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.sidebar-home .list-group-item {
  padding-left: 0;
  font-size: 14px;
  background-color: transparent;
  border: 0;
}

.sidebar-home .list-group-item:hover,
.sidebar-home .list-group-item:focus {
  text-decoration: underline;
  background-color: transparent;
}

.sidebar-home .list-group-item .date {
  visibility: hidden;
}


.section-landing-search {
  min-height: 250px;
  background: url(homehero.jpg) no-repeat 0 25%;
  background-size: cover;
}


.section-landing-forums {
  min-height: 250px;
  background-size: cover;
}


.section-knowledge .list-group a.list-group-item {
  color: #2f5fef;
}


.section-knowledge .card-title {
  color: #000;
}


.page_section.section-landing .row {
  padding-bottom: 60px;
}


.page_section.section-landing .row > div {
  margin-top: 0px;
}


ul.tree,
ol.tree {
  color: #2f5fef;
}


.tree ul,
.tree ol,
.tree ul ul,
.tree ol ul,
.tree ol ol ul,
.tree ol ul ul,
.tree ul ol ul,
.tree ul ul ul {
  list-style-type: disc;
  color: #2f5fef;
}

/* ADX_FORMS  */

.adx_forms_font_calibri {
  font-family: Calibri;
}


.adx_forms_font_new_roman {
  font-family: Times New Roman;
}


.adx_forms_font_helvetica {
  font-family: 'Helvetica', sans-serif;
}

/* Below changes are done to support DefaultPortalTemplate in maker */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  margin: 0;
}

.wrapper-body {
  min-height: calc(100% - 132px);
  margin-bottom: 0px;
}

.footer .push {
  height: 43px;
}

.footer {
  margin-top: 0px;
}

.page-copy {
  margin-top: 0px;
  margin-bottom: 0px;
}

.navbar-brand {
  line-height: 37px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: unset;
}

body,
legend {
  color: var(--mp-ink);
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: #f2f2f2;
  color: #302ce1;
}

.btn-default {
  color: #302ce1;
  background-color: white;
  border-color: #302ce1;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.btn-default.focus {
  color: #302ce1;
  background-color: #f2f2f2;
  border-color: #302ce1;
}

.btn-primary {
  color: white;
  background-color: #302ce1;
  border-color: #302ce1;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus,
.btn-primary.focus {
  color: white;
  background-color: #5c59e7;
  border-color: #5c59e7;
}

.navbar-dark .navbar-toggler {
  border: 1px solid #302ce1;
}

.navbar-dark .navbar-toggler:hover {
  background-color: #4642e4;
}

.navbar-dark .navbar-toggler:focus {
  border: 1px solid black;
  background-color: #4642e4;
}

.navbar-dark .navbar-nav .show.dropdown-menu {
  background-color: #302ce1;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
  color: #fff;
}

.navbar-dark .navbar-nav a.dropdown-toggle.show .navbar-dark .navbar-nav a.dropdown-toggle.show:hover,
.navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
  background-color: #302ce1;
  color: #fff;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover,
.navbar-dark
  .navbar-nav
  .show.dropdown-menu
  > li
  > a:focus
  .navbar-dark
  .navbar-nav
  .show.dropdown-menu
  > .active
  > a,
.navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover,
.navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus {
  background-color: #ffffff;
  color: #302ce1;
}

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

.nav .show.dropdown-menu {
  background-color: #ffffff;
}

.nav .show.dropdown-menu > li > a {
  color: black;
}

.nav > .dropdown > a.show .nav > .dropdown > a.show:hover,
.nav > .dropdown > a.show:focus {
  background-color: #f2f2f2;
}

.nav .show.dropdown-menu > .active > a,
.nav .show.dropdown-menu > .active > a:hover,
.nav .show.dropdown-menu > .active > a:focus,
.nav .show.dropdown-menu > li > a:hover,
.nav .show.dropdown-menu > li > a:focus {
  background-color: #f2f2f2;
  color: black;
}

#filterDropdownId > .dropdown-menu > li > a:focus {
  border: 1px solid;
}

#filterDropdownId > a:focus {
  border: 1px solid;
}

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

.sectionPrimaryColor {
  background-color: #302ce1;
  color: #ffffff;
}

.sectionPrimaryColor h1,
.sectionPrimaryColor h2,
.sectionPrimaryColor h3,
.sectionPrimaryColor h4,
.sectionPrimaryColor h5,
.sectionPrimaryColor h6 {
  color: #ffffff;
}

.sectionPrimaryColor .crmEntityFormView h1,
.sectionPrimaryColor .crmEntityFormView h2,
.sectionPrimaryColor .crmEntityFormView h3,
.sectionPrimaryColor .crmEntityFormView h4,
.sectionPrimaryColor .crmEntityFormView h5,
.sectionPrimaryColor .crmEntityFormView h6 {
  color: #000000;
}

.sectionPrimaryColor .entitylist h1,
.sectionPrimaryColor .entitylist h2,
.sectionPrimaryColor .entitylist h3,
.sectionPrimaryColor .entitylist h4,
.sectionPrimaryColor .entitylist h5,
.sectionPrimaryColor .entitylist h6 {
  color: #000000;
}

.sectionFixedStyle {
  color: #000000;
}

a {
  color: #302ce1;
}

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

[role='navigation'] a,
[role='contentinfo'] a,
.toolbar a,
a.list-group-item {
  text-decoration: none;
}

a:hover,
a:focus {
  color: #302ce1;
  text-decoration: underline;
}

.breadcrumb > .active {
  color: #000000;
  font-weight: bold;
}

.mp-text-link {
  color: var(--mp-ink);
  font-weight: 500;
  text-decoration: none;
}

.mp-text-link:hover {
  color: var(--mp-teal-500);
  text-decoration: underline;
}

p {
  font-size: 16px;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
}

h2 {
  font-size: 28px;
  font-weight: 600;
}

h3 {
  font-size: 24px;
  font-weight: 600;
}

.page-header {
  border-bottom: 0px;
}

.navbar-brand {
  padding: 8px;
}

.static-top.navbar-dark .navbar-brand {
  font-size: 24px;
  font-weight: bold;
  font-family: unset;
}

.static-top.navbar-dark .navbar-brand a {
  color: black;
  text-decoration: none;
}
.help-block {
  color: black;
}

.skip-to-content a {
  padding: 10px 20px;
  position: absolute;
  top: -43px;
  left: 0px;
  color: #ffffff;
  border-radius: 2px;
  background: #742774;
  -webkit-transition: top 1s ease-out;
  transition: top 1s ease-out;
  z-index: 100;
  font-family: Segoe UI;
  font-size: 14px;
}

.skip-to-content a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  outline: none;
  color: #ffffff;
  -webkit-transition: top 0.1s ease-in;
  transition: top 0.1s ease-in;
}

@media screen and (-ms-high-contrast: active) {
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    border-bottom: 0px;
  }

  .nav-tabs > li > a {
    border: 0px;
  }

  .navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover,
  .navbar-dark
    .navbar-nav
    .show.dropdown-menu
    > li
    > a:focus
    .navbar-dark
    .navbar-nav
    .show.dropdown-menu
    > .active
    > a,
  .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover,
  .navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus {
    border: 1px solid;
  }

  .facet-list-group-item {
    margin: 1px;
    border: 0px;
  }
}

.frenchAccessibilityLink {
  float: right;
  width: 297px;
  height: 24px;
  font-family: Segoe UI;
  font-size: 18px;
  line-height: 21px;
  text-decoration-line: underline;
  color: #2c33d8;
}

/* Power Virtual Agent styles */
.pva-floating-style {
  position: fixed;
  bottom: 0px;
  right: 0px;
  margin-right: 16px;
  margin-bottom: 18px;
  z-index: 9999;
}
/* Power Virtual Agent styles ends */

.visible-lg-block {
  display: flex !important;
  align-items: center;
}

/* Form control focus highlight */

.form-control:focus {
  border-color: #fff !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(255, 255, 255) !important;
}

.navbar-nav > li > a {
  padding: 14px;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
  display: block;
}

#navbar .dropdown-search.dropdown-menu {
  margin-top: 18px;
}

#navbar .dropdown-menu {
  margin-top: 12.5px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
}

.list-group > .change-login-disabled-li {
  background-color: #eee;
  color: #666;
}

li.dropdown-submenu.dropdown {
  list-style: none;
}

.pagination {
  padding-left: 0;
  margin: 21px 0;
  border-radius: 0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: #fff;
  background-color: #232222;
  cursor: default;
}

.pagination > li > a,
.pagination > li > span {
  border: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  color: #666;
}

.pagination > li > a:focus {
  box-shadow: none;
  outline: 5px auto -webkit-focus-ring-color;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.search-pagination.text-center .pagination {
  justify-content: center !important;
}

.pagination > .disabled {
  border: none;
  padding: initial;
}

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;
}

.nav-item .dropdown-toggle::after {
  border-top: 0.2em solid;
  border-right: 0.2em solid transparent;
  border-bottom: 0;
  border-left: 0.2em solid transparent;
}

a.nav-link {
  color: var(--portalThemeColor8);
}

.custom-container {
  flex-wrap: wrap !important;
}

.custom-sitetitle {
  text-wrap: wrap;
}

.custom-navbar-toggler {
  margin-left: auto;
}

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