/*! Vlocity Newport Design System 240.0.0 */
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
// Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license

// Imports necessary to initialize the CSS framework,
// common to all versions of the design system (scoped and non-scoped)

// Important:
// Reserved for mixins, functions, variables
// Importing this file MUST NOT output any CSS
*/
/* Synergy specific spacing variables */
/* 6px */
/* 8px */
/* 12px */
/* 14px */
/* 16px */
/* 20px */
/* 24px */
/* 32px */
/* 42px */
/* 64px */
/* 120px */
/* gaps for grid */
/* 10px */
.navy-violet {
  background: linear-gradient(90deg, #021841 0%, #302882 100%);
}

.violet-purple {
  background: linear-gradient(90deg, #332986 0%, #6a4b9a 100%);
}

.violet-waterway {
  background: linear-gradient(90deg, #332986 0%, #6291cd 100%);
}

.teal-mint {
  background: linear-gradient(90deg, #00959d 0%, #53bbac 100%);
}

.waterway-ice {
  background: linear-gradient(90deg, #6291cd 0%, #93d5f7 100%);
}

.navy-purple {
  background: linear-gradient(90deg, #00173e 0%, #6a4b9a 100%);
}

.navy-sky {
  background: linear-gradient(90deg, #00173e 0%, #009fd6 100%);
}

.navy-waterway {
  background: linear-gradient(90deg, #00173e 0%, #6291cd 100%);
}

.navy-ice {
  background: linear-gradient(90deg, #00173e 0%, #93d5f7 100%);
}

.color-navy-main {
  color: #00173e;
}

.color-black-main {
  color: #333;
}

.color-black-medium {
  color: #666;
}

.color-black-xlight {
  color: #ccc;
}

.color-teal-medium {
  color: #7ad2c5;
}

.color-teal-light {
  color: #a6e8df;
}

.color-teal-main {
  color: #06727A;
}

.color-teal-xlight {
  color: #bbeef0;
}

.expired {
  color: #d94f54;
}

/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
*/
/* Default border color for UI elements. */
/* Our product brand blue. */
/* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */
/* Border color for UI elements related to the concept of an external user or customer. */
/* Border color for UI elements that have to do with destructive actions. */
/* Hover border color for UI elements that have to do with destructive actions. */
/* Active border color for UI elements that have to do with destructive actions. */
/* Border color for UI elements related to providing neutral information (not error, success, or warning). */
/* Border color for UI elements that have to do with errors. */
/* Alternative border color for UI elements related to errors. */
/* Dark alternative border color for UI elements related to errors. */
/* Border color for UI elements related to the offline state. */
/* Border color for UI elements that have to do with success. */
/* Dark alternative border color for UI elements that have to do with success. */
/* Border color for UI elements that have to do with warnings. */
/* Border color to match UI elements using color-background-inverse. */
/* Border color for a selected tab in a tab group. */
/* Border color for an active tab. */
/* Lightest separator color - used as default separator on white backgrounds. */
/* Medium separator color - used as default separator on light gray backgrounds. */
/* Darkest separator color - used as an alternate separator color when more differentiation is desired. */
/* Used as a separator on dark backgrounds, such as stage left navigation. */
/* Used as the border color for selected rows or items on list-like components. */
/* Used as the border color for the hover state on selected rows or items on list-like components. */
/* Used to delineate the boundary of a specific region. Specific to builders. */
/* Used to delineate the boundary of a selected component. Specific to builders. */
/* Used to delineate the boundary of a component that is being hovered over. Specific to builders. */
/* Used to delineate the boundary of a component that is being clicked. Specific to builders. */
/* Used to delineate the boundary of a selected canvas element. Specific to builders. */
/* Used to delineate the boundary of a selected canvas element that is being hovered over. Specific to builders. */
/* Border color for a button with an icon that has a parent element that has a hover state */
/* Hovered border color for a button with an icon that has a parent element that has a hover state */
/* Border color for brandable primary button */
/* Border color for brandable primary button - disabled state */
/* Border color for default secondary button */
/* Border color for disabled inverse button. */
/* Border color on form elements. */
/* Border color on active form elements. */
/* Border color on disabled form elements. */
/* The borders to create the checkmark */
/* These borders create the faux checkmark when the checkbox toggle is in the checked state. */
/* Border color on notification reminders. */
/* Our product brand blue. */
/* Hover stroke color for our product brand blue. */
/* Active stroke color for our product brand blue. */
/* Disabled stroke color. */
/* Stroke color for our global header buttons. */
/* Icons in lists, record home icon, unbound input elements */
/* Circle for global use, action icon bgd shape */
/* focus ring around the button */
/* change the focus color on checkbox etc */
/* shadow outside the button */
/* 0 seconds, 0 frames */
/* 0.05 seconds, 3 frames */
/* 0.1 seconds, 6 frames */
/* 0.2 seconds, 12 frames */
/* 0.4 seconds, 24 frames */
/* 3.2 seconds, 192 frames */
/* 4.8 seconds */
/* 9.6 seconds */
/* Brand fill color */
/* Brand hover fill color */
/* Brand active fill color */
/* Header button icon color */
/* Hovered header button icon color */
/* Deprecated: use FONT_FAMILY_TEXT instead for regular body text and FONT_FAMILY_HEADING for headings. */
/* 10px */
/* 12px */
/* 13px */
/* 14px */
/* 15px */
/* 16px */
/* 17px */
/* 18px */
/* scaling fonts for portal */
/* Use for large headings only. */
/* Most all body copy. */
/* Most all medium copy. */
/* Used sparingly for emphasized text within regular body copy. */
/* Unitless line-heights for reusability */
/* Unitless line-heights for reusability */
/* Remove extra leading. Unitless line-heights for reusability */
/* Line heights for tabs */
/*
Media Queries
*/
/* 50% transparency of an element */
/* 80% transparency of an element */
/* Default value for text-transform */
/* Toasts */
/* Spinner */
/* Modal */
/* Notifications under modals */
/* Overlay */
/* Dropdown */
/* Dialog */
/* Popup */
/* Stickied element */
/* Default */
/* Docked element */
/* Deep dive */
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
*/
/* 
   Imports
*/
/* Use ACTION_NEW_NOTEBOOK instead. */
/* Used to control the different states of the input fields.
  See FIGMA: https://www.figma.com/design/uN2cjj1FpuVglqk8Qq6wwC/Design-System?node-id=3209-464&t=XvHFCfmTvZntYWg0-0
*/
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
*/
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
*/
/* Calculate PX into EM
   Use - width: pem(600px);
   Output - width: 37.5em;
*/
/* Calculate PX into REM
   Use - width: rem(600px);
   Output - width: 37.5rem;
*/
/*
/// Fix IE Rounding
///
/// IE computes 0.875rem into 13.92px instead of 14px
/// but is better at rounding values using calc()
/// so we use calc as a hack to get the correct width
///
/// This is required for closely positioning elements on a pixel grid
/// e.g. in an icon where pixel perfection is important
///
/// @param {Number} $width - unitless width
/// @param {Number} $base-font-size [16]
/// @return {Expression} same as $width, but in rem using calc - e.g. calc(2rem / 16)
*/
/* stylelint-disable */
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
   Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
*/
/* TINY - 320px - 20rem */
/* Inverse text mixin
///
/// The inverse-text mixin determines what selectors to change when on an inversed background
///
/// @param {List} $support (null) - Set to `true` to scope root styles in the mixin's wrapper class when `$globals` is `true`
*/
/* Calculate max-height of dropdown length for list overflow
    @require $length, $font-size, $line-height, $padding
    @param $length {Integer} Number of items to show before overlow
    @param $font-size {String} Font-size of list items
    @param $line-height {String} Line-height of list items
    @param $padding {String} Vertical padding of list items
    @param $icon {String} Size of icon in list items
*/
.grecaptcha-badge {
  z-index: 5;
}

.nds-utility-bar.nds-align_absolute-center.sticky-signup-style.nds-size_12-of-12.nds-p-around_x-large {
  border-radius: 20px 20px 0 0;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 1440px;
}

.vlocityThemeLayout,
.themeLayoutStarterWrapper {
  /*
    Different dimensions for mobile and desktop
    */
  /* x small */
  /* small */
  /* medium */
}

.vlocityThemeLayout .syn-nds-portal-header,
.themeLayoutStarterWrapper .syn-nds-portal-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  background: linear-gradient(90deg, rgb(48, 44, 129) 0%, rgb(107, 145, 200) 100%);
}

.vlocityThemeLayout .syn-portal-login-container,
.themeLayoutStarterWrapper .syn-portal-login-container {
  position: fixed;
  top: 0;
  max-width: 1440px;
  left: calc((50vw - 50%) * -1); /* add negative value equal to half of the scrollbar width if any */
  transform: translate(calc(50vw - 50%));
}

.vlocityThemeLayout .forceSkipLink,
.themeLayoutStarterWrapper .forceSkipLink {
  position: relative;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .vlocityThemeLayout .syn-footer-hide-on-mobile,
  .themeLayoutStarterWrapper .syn-footer-hide-on-mobile {
    display: none;
  }
  .vlocityThemeLayout .syn-footer-hide-on-desktop,
  .themeLayoutStarterWrapper .syn-footer-hide-on-desktop {
    display: initial;
  }
}
@media screen and (min-width: 480px) {
  .vlocityThemeLayout .syn-footer-hide-on-mobile,
  .themeLayoutStarterWrapper .syn-footer-hide-on-mobile {
    display: none;
  }
  .vlocityThemeLayout .syn-footer-hide-on-desktop,
  .themeLayoutStarterWrapper .syn-footer-hide-on-desktop {
    display: initial;
  }
}
@media screen and (min-width: 768px) {
  .vlocityThemeLayout .syn-footer-hide-on-mobile,
  .themeLayoutStarterWrapper .syn-footer-hide-on-mobile {
    display: initial;
  }
  .vlocityThemeLayout .syn-footer-hide-on-desktop,
  .themeLayoutStarterWrapper .syn-footer-hide-on-desktop {
    display: none;
  }
}
.vlocityThemeLayout .syn-portal-header-inner,
.vlocityThemeLayout .syn-portal-footer-inner,
.themeLayoutStarterWrapper .syn-portal-header-inner,
.themeLayoutStarterWrapper .syn-portal-footer-inner {
  max-width: 1440px !important;
  margin: 0 auto;
}

.syn-header-logo-cont {
  padding: 0.1rem 0.75rem;
}

.syn-view-all-faq-item .syn-portal-faq-items .nds-action_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  color: #24457e;
  text-decoration: none;
}

.syn-view-all-faq-item .syn-portal-faq-items .nds-action_item:hover, .syn-view-all-faq-item .syn-portal-faq-items .nds-action_item:active {
  text-decoration: none;
  color: #24457e;
}

.syn-view-all-faq-item .syn-portal-faq-items .nds-action_item .nds-action_icon {
  width: 20%;
  text-align: right;
}

.syn-view-all-faq-item .syn-portal-faq-items .nds-action_item .nds-action_text {
  width: 80%;
  margin: 0.75rem 1rem;
  line-height: 20px;
}

.syn-important-notes a {
  font-weight: 600;
  color: #24457e;
}

.syn-important-notes .syn-important-notes-items .nds-action_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  color: #24457e;
  text-decoration: none;
}

.syn-important-notes .syn-important-notes-items .nds-action_item:hover, .syn-important-notes .syn-important-notes-items .nds-action_item:active {
  text-decoration: none;
  color: #24457e;
}

.syn-important-notes .syn-important-notes-items .nds-action_item .nds-action_icon {
  width: 20%;
  text-align: right;
}

.syn-important-notes .syn-important-notes-items .nds-action_item .nds-action_text {
  width: 80%;
  margin: 0.75rem 0;
  line-height: 20px;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  /* portal header */
  .syn-nds-portal-header {
    height: 56px;
  }
  .syn-nds-portal-header .syn-header-logo img img {
    height: 40px;
  }
  .syn-header-right-menu-cont {
    padding: 6px 24px 6px 0;
  }
  /** .siteforceDynamicLayout.siteforceContentArea */
  .vlocityContent {
    margin-top: 60px !important;
    /** sticky footer */
    min-height: calc(100vh - 336px);
    max-width: 1440px;
    margin: 0 auto;
  }
  /** sticky footer */
  .footer,
  .vlocityFooter {
    height: 337px;
  }
  .vlocityThemeLayout,
  .themeLayoutStarterWrapper {
    background-image: url("/resource/1680235172000/assets/images/syn-bg-shape-mobile.svg");
    background-repeat: no-repeat;
    background-size: 100%;
  }
  /** offer-portal-login style */
  .syn-portal-login-bg {
    clip-path: polygon(0% 0%, 100% 1%, 100% 75%, 50% 100%, 0% 75%);
    display: inline-block;
    background: linear-gradient(89.84deg, #302c81 0.08%, #6b91c8 99.85%), linear-gradient(180deg, #384396 27.12%, #597ab6 100%), #daeaff;
  }
  .syn-login-form-os-container {
    margin-top: -90px;
  }
  .syn-login-form-os-container .omniscript-article.nds-card {
    background: unset;
  }
  .syn-login-form-os-container .omniscript-article.nds-card .nds-medium-size_8-of-12.nds-align_absolute-center {
    width: 90%;
    max-width: 90%;
  }
  .syn-login-form-os-container .omniscript-article.nds-card .nds-button-group-row.nds-medium-size_8-of-12 {
    max-width: 90% !important;
    width: 90% !important;
    -ms-flex: 0 0 90%;
        flex: 0 0 90%;
  }
  /** landing page styling */
  .syn-nds-subhead-bg .syn-generic-heading-bold.syn-font-size-xxx-large {
    font-size: 22px;
  }
  .syn-nds-subhead-bg .syn-generic-body.syn-font-size-x-large {
    font-size: 16px;
  }
  .syn-nds-subhead-bg .syn-generic-body.syn-font-size-large {
    font-size: 12px;
  }
  .syn-nds-subhead-bg .syn-generic-heading-bold div {
    line-height: 28px;
  }
  .syn-nds-subhead-bg .syn-generic-body.syn-font-size-x-large div {
    line-height: 22px;
  }
  .syn-nds-subhead-bg .syn-generic-body.syn-font-size-large div {
    line-height: 20px;
  }
}
@media screen and (min-width: 768px) {
  /* portal header */
  .syn-nds-portal-header {
    height: 80px;
  }
  .syn-nds-portal-header .syn-header-logo img {
    height: 56px;
  }
  .syn-header-right-menu-cont {
    padding: 12px 24px 12px 0;
  }
  /** .siteforceDynamicLayout.siteforceContentArea */
  .vlocityContent {
    margin-top: 80px !important;
    /** sticky footer */
    min-height: calc(100vh - 207px);
    max-width: 1440px;
    margin: 0 auto;
  }
  /** sticky footer */
  .footer,
  .vlocityFooter {
    height: 208px;
  }
  .vlocityThemeLayout,
  .themeLayoutStarterWrapper {
    background-image: url("/resource/1680235172000/assets/images/syn-bg-shape.svg");
    background-repeat: no-repeat;
    background-size: 100%;
  }
  /** offer-portal-login styles */
  .syn-portal-login-bg {
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    display: inline-block;
    background: linear-gradient(89.84deg, #302c81 0.08%, #6b91c8 99.85%), linear-gradient(180deg, #384396 27.12%, #597ab6 100%), #daeaff;
  }
  .syn-login-form-message-cont {
    padding-top: 40%;
    padding-left: 8%;
    letter-spacing: -0.01em;
  }
  .syn-login-form-sub-heading {
    font-size: 20px;
    margin-top: 20px;
  }
  .syn-login-form-os-container {
    padding-top: 200px;
  }
  .syn-login-form-heading {
    font-size: 32px;
  }
  .syn-login-form-message-cont-bg {
    min-height: 892px;
  }
  /** landing page styling */
  .syn-nds-subhead-bg .syn-generic-heading-bold div {
    line-height: 38px;
  }
  .syn-nds-subhead-bg .syn-generic-body.syn-font-size-x-large div {
    line-height: 28px;
  }
  .syn-nds-subhead-bg .syn-generic-body.syn-font-size-large div {
    line-height: 24px;
  }
}
.nds-image:hover {
  box-shadow: unset !important;
}

.flowruntimeBody .body {
  min-height: unset;
  max-width: unset;
  margin: 0 auto;
}

/**
 * Omniscript fix for dropdown modal alignment
*/
.modal-container {
  text-align: left;
}

.modal-container .modal-close-btn {
  -ms-flex-item-align: end;
      align-self: flex-end;
  background: none;
}

.modal-container .modal-close-btn svg {
  fill: #fff;
}

#centerPanel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  max-width: 440px;
  -ms-flex-direction: column;
      flex-direction: column;
}

#centerPanel a {
  font-size: 14px;
}

#centerPanel .nds-card {
  padding: 0;
}

#centerPanel .syn-my-account-registration-form .nds-page-header__title {
  padding-top: 0;
  color: #00173e;
  text-align: center;
  display: block;
}

#centerPanel .syn-my-account-registration-form .nds-page-header__title:focus {
  outline: none;
}

#centerPanel .syn-my-account-registration-form [data-omni-key=EmailUsername] .nds-form-element__control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

#centerPanel .syn-my-account-registration-form [data-omni-key=EmailUsername] .nds-form-element__label {
  position: relative;
  top: 0;
  line-height: 0;
  height: 1rem;
  margin-bottom: 0.75rem;
}

[class*=comm-page-] .modal-glass + .slds-modal .slds-theme_info.slds-theme--alert-texture {
  background-image: none;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

[class*=comm-page-] .modal-glass + .slds-modal .slds-theme_info.slds-theme--alert-texture .slds-text-heading_medium.slds-hyphenate {
  text-align: left;
  color: #333;
  font-family: "Alaska", sans-serif;
  font-weight: 600;
}

[class*=comm-page-] .modal-glass + .slds-modal .slds-modal__content.slds-text-align_center {
  padding: 1rem;
  text-align: left;
}

[class*=comm-page-] .modal-glass + .slds-modal .slds-modal__content.slds-text-align_center .uiOutputText {
  font-size: 0.875rem;
}

[class*=comm-page-] .modal-glass + .slds-modal .slds-modal__footer.slds-theme_default .slds-button--neutral.uiButton,
[class*=comm-page-] .modal-glass + .slds-modal .slds-modal__footer.slds-theme_default .slds-button--brand.uiButton {
  width: 100%;
  margin: 0.5rem 0 0 0;
  height: 40px;
  color: #00173e;
  border-width: 2px;
  font-weight: 600;
  font-size: 0.875rem;
}

@media (min-width: 48em) {
  [class*=comm-page-] .modal-glass + .slds-modal .slds-modal__footer.slds-theme_default .slds-button--neutral.uiButton,
  [class*=comm-page-] .modal-glass + .slds-modal .slds-modal__footer.slds-theme_default .slds-button--brand.uiButton {
    width: 48%;
    margin-top: 0;
  }
}
[class*=comm-page-] .modal-glass + .slds-modal .slds-modal__footer.slds-theme_default .slds-button--brand.uiButton {
  background-color: #fcb800;
  border: 0;
}

@media (min-width: 48em) {
  [class*=comm-page-] .modal-glass + .slds-modal .slds-modal__footer.slds-theme_default .slds-button--brand.uiButton {
    margin-left: 0.5rem;
  }
}
.myaccount-header {
  min-height: 56px;
  color: #fff;
  padding: 1rem 1.25rem;
  background: linear-gradient(90deg, #021841 0%, #302882 100%);
}

.myaccount-header.form-header {
  background: #fff;
  color: #00173e;
}

.myaccount-header .logo-synergy {
  width: 119px;
  height: 48px;
  background: url(../images/logo-synergy.svg) no-repeat center;
  background-size: contain;
}

.myaccount-header .wrapper-header-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: initial;
      justify-content: initial;
  -ms-flex-align: center;
      align-items: center;
}

.myaccount-header .wrapper-header-logo h3 {
  color: #fff;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.125rem;
  letter-spacing: -0.0175em;
  padding: 0.75rem 0 0 0.75rem;
  display: none;
}

.myaccount-header .wrapper-header-logo h3 label {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

@media (min-width: 48em) {
  .myaccount-header .wrapper-header-logo h3 {
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -0.32px;
  }
}
@media (min-width: 64em) {
  .myaccount-header .wrapper-header-logo h3 {
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: -0.0225rem;
  }
}
@media (min-width: 48em) {
  .myaccount-header .wrapper-header-logo h3 {
    display: block;
  }
}
.myaccount-header .wrapper-header-inner {
  margin: 0 auto;
  max-width: 1440px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: initial;
      align-items: initial;
  -ms-flex-align: end;
      align-items: end;
  position: relative;
  color: inherit;
}

.myaccount-header .wrapper-user-profile-settings {
  display: block !important;
}

.myaccount-header .wrapper-user-profile-settings svg {
  fill: #fff;
}

.myaccount-header .wrapper-user-profile-settings .nds-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: initial;
      justify-content: initial;
  -ms-flex-align: center;
      align-items: center;
}

.myaccount-header .wrapper-exit-button button {
  font-size: 0.875rem;
  border: 2px solid #6c8abf;
  color: #fff;
  background-color: #21236d;
  font-weight: 600;
  padding: 0.75rem 1.25rem 0.75rem 1.25rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 23, 62, 0.031372549);
  width: 69px;
  height: 44px;
}

.myaccount-header .wrapper-header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 1rem;
}

[class*=comm-page-custom-] c-cf-my-accountheader-controls .flexMenuItems,
.comm-page-home c-cf-my-accountheader-controls .flexMenuItems {
  border-color: #f5f5f5;
}

[class*=comm-page-custom-] c-cf-my-accountheader-controls .flexMenuItems ul,
.comm-page-home c-cf-my-accountheader-controls .flexMenuItems ul {
  list-style: none;
  margin: 0;
  width: 280px;
}

[class*=comm-page-custom-] c-cf-my-accountheader-controls .flexMenuItems .nds-action_menu,
.comm-page-home c-cf-my-accountheader-controls .flexMenuItems .nds-action_menu {
  padding: 0.875rem;
  border-bottom: 1px solid #f5f5f5;
  color: #333;
  text-decoration: none;
  font-weight: 500;
}

[class*=comm-page-custom-] c-cf-my-accountheader-controls .flexMenuItems .nds-action_menu:hover,
.comm-page-home c-cf-my-accountheader-controls .flexMenuItems .nds-action_menu:hover {
  background-color: #EAF8FD;
}

[class*=comm-page-custom-] c-cf-my-accountheader-controls .flexMenuItems .nds-action_menu .nds-icon,
.comm-page-home c-cf-my-accountheader-controls .flexMenuItems .nds-action_menu .nds-icon {
  fill: #333 !important;
  margin-left: 0.5rem;
}

[class*=comm-page-custom-] c-cf-my-accountheader-controls .flexMenuItems vlocity_cmt-flex-menu-item:last-child .nds-action_menu,
.comm-page-home c-cf-my-accountheader-controls .flexMenuItems vlocity_cmt-flex-menu-item:last-child .nds-action_menu {
  border: 0;
}

.site-notification:empty {
  display: none;
}

.site-notification .via-nds .alert {
  margin-top: 1rem;
  border-radius: 0.5rem;
}

.site-notification .via-nds ul {
  margin: 1rem !important;
  display: block;
}

.site-notification .via-nds ul:empty {
  display: none;
}

.site-notification .via-nds ul .alert:first-child {
  margin: 0;
}

.site-notification .via-nds .alert-text {
  margin: 0 0.5rem 0 0;
  text-align: left;
  font-size: 0.75rem;
}

.site-notification .via-nds .alert-text strong {
  font-size: 0.875rem;
  line-height: 1rem;
}

@media (min-width: 48em) {
  .site-notification .via-nds .alert-text {
    font-size: 0.875rem;
    margin: 0 0.5rem;
  }
  .site-notification .via-nds .alert-text strong {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.site-notification .via-nds .alert-icon--success,
.site-notification .via-nds .alert-icon--error,
.site-notification .via-nds .alert-icon--warning,
.site-notification .via-nds .alert-icon--info {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background-size: 100% !important;
}

@media (min-width: 48em) {
  .site-notification .via-nds .alert-icon--success,
  .site-notification .via-nds .alert-icon--error,
  .site-notification .via-nds .alert-icon--warning,
  .site-notification .via-nds .alert-icon--info {
    width: 62px;
    height: 62px;
    min-width: 62px;
  }
}
.site-notification .via-nds .alert-icon--success {
  background: url(../images/icons/icon-tick-outline.svg) no-repeat center;
}

.site-notification .via-nds .alert-icon--error {
  background: url(../images/icons/icon-warning-outline.svg) no-repeat center;
}

.site-notification .via-nds .alert-icon--warning {
  background: url(../images/icons/icon-warning-outline.svg) no-repeat center;
}

.site-notification .via-nds .alert-icon--info {
  background: url(../images/icons/icon-help-outline.svg) no-repeat center;
}

c-my-account-guest-header .myaccount-header {
  background: #fff;
  border-bottom: 1.4px solid #ebebeb;
  box-shadow: 0px 4px 10px 0px #f5f5f5;
  margin-bottom: 0.5rem;
}

c-my-account-guest-header .myaccount-header .wrapper-exit-button button {
  color: #00173e !important;
  background-color: #fff !important;
}

c-my-account-guest-header .myaccount-header .wrapper-header-logo .logo-synergy {
  background: url(../images/logo-synergy-inversed.png) no-repeat center;
  background-size: 100%;
}

c-my-account-guest-header .myaccount-header .wrapper-header-logo h3 {
  color: #00173e;
  line-height: 3rem;
  padding: 0;
  border-left: 1.4px solid var(#ebebeb, #ebebeb);
  padding-left: 1.5rem;
  margin-left: 1.5rem;
}

.myaccount-footer {
  position: relative;
  color: #fff;
  background: linear-gradient(90deg, #021841 0%, #302882 100%);
  padding: 1rem;
  font-weight: 400;
}

.myaccount-footer ul {
  max-width: 290px;
  margin: 0 !important;
  padding: 0;
  display: inline-block;
  list-style: none;
}

@media (min-width: 48em) {
  .myaccount-footer ul {
    max-width: none;
  }
}
.myaccount-footer ul li {
  margin: 0;
}

.myaccount-footer img {
  width: 150px;
}

.myaccount-footer .navigation {
  background-color: transparent;
}

.myaccount-footer .nav-item {
  display: inline-block;
}

.myaccount-footer .nav-item a {
  color: #fff;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  display: inline-block;
  padding: 0 1.25rem 0 0;
  margin-bottom: 0.75rem;
  text-decoration: underline;
}

@media (min-width: 48em) {
  .myaccount-footer .nav-item a {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 64em) {
  .myaccount-footer .nav-item a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.myaccount-footer .copy {
  max-width: 320px;
  color: #666;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: inherit;
  padding: 1.25rem 0 2rem;
}

@media (min-width: 48em) {
  .myaccount-footer .copy {
    max-width: none;
  }
}
@media (min-width: 48em) {
  .myaccount-footer .copy {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 64em) {
  .myaccount-footer .copy {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.myaccount-footer .copyright {
  color: #666;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: inherit;
}

@media (min-width: 48em) {
  .myaccount-footer .copyright {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 64em) {
  .myaccount-footer .copyright {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.myaccount-footer .logo-footer {
  width: 187px;
  height: 78px;
  background: url(../images/logo-footer.svg) no-repeat center/contain;
}

.myaccount-footer .wrapper-footer-inner {
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
  color: inherit;
}

.myaccount-footer .wrapper-footer-base {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 26.5625em) {
  .myaccount-footer .wrapper-footer-base {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-pack: initial;
        justify-content: initial;
    -ms-flex-align: initial;
        align-items: initial;
  }
  .myaccount-footer .logo-footer {
    margin-top: 2rem;
  }
}
@media (min-width: 48em) {
  .myaccount-footer {
    padding: 1.25rem;
  }
  .myaccount-footer .copy {
    max-width: 70%;
  }
  .myaccount-footer .logo-footer {
    position: absolute;
    top: 0;
    right: 0;
  }
  .myaccount-footer .nav-item a {
    margin-bottom: 0;
  }
}
@media (min-width: 64em) {
  .myaccount-footer {
    padding: 1.5rem 2rem;
  }
}
c-my-account-cookie-disclaimer-toast .via-nds {
  padding: 1.25rem;
  background: #EAF8FD;
}

c-my-account-cookie-disclaimer-toast .via-nds:empty {
  display: none;
}

c-my-account-cookie-disclaimer-toast .via-nds .banner {
  border: 2px solid #00173e;
  background-color: #edf4ff !important;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  -ms-flex-direction: row;
      flex-direction: row;
  z-index: 100;
}

c-my-account-cookie-disclaimer-toast .via-nds .banner-content {
  margin: 0 2.625rem 0 1.25rem;
}

@media (min-width: 48em) {
  c-my-account-cookie-disclaimer-toast .via-nds .banner-content {
    margin: 0 2.625rem 0 0;
  }
}
c-my-account-cookie-disclaimer-toast .via-nds .banner-heading {
  padding: 0;
  margin: 0 2.625rem 0.375rem 0;
  text-align: left;
}

@media (min-width: 48em) {
  c-my-account-cookie-disclaimer-toast .via-nds .banner-heading {
    font-size: 0.875rem;
    margin: 0;
  }
}
c-my-account-cookie-disclaimer-toast .via-nds .banner-message {
  color: #00173e;
  font-size: 0.75rem;
  text-align: left;
}

@media (min-width: 48em) {
  c-my-account-cookie-disclaimer-toast .via-nds .banner-message {
    font-size: 0.875rem;
  }
}
c-my-account-cookie-disclaimer-toast .icon-placeholder,
c-my-account-cookie-disclaimer-toast .icon-cookies {
  background-image: url(../images/icons/icon-cookies.svg) !important;
  margin-bottom: 0.625rem;
}

@media (min-width: 48em) {
  c-my-account-cookie-disclaimer-toast .icon-placeholder,
  c-my-account-cookie-disclaimer-toast .icon-cookies {
    margin-bottom: 0;
  }
}
c-my-account-cookie-disclaimer-toast .icon-close {
  position: absolute;
  right: 1.25rem;
}

@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-ExtraLight.woff2") format("woff2"), url("../fonts/webfonts/Alaska-ExtraLight.woff") format("woff");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-LightItalic.woff2") format("woff2"), url("../fonts/webfonts/Alaska-LightItalic.woff") format("woff");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-RegularItalic.woff2") format("woff2"), url("../fonts/webfonts/Alaska-RegularItalic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-MediumItalic.woff2") format("woff2"), url("../fonts/webfonts/Alaska-MediumItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-BoldItalic.woff2") format("woff2"), url("../fonts/webfonts/Alaska-BoldItalic.woff") format("woff");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-BlackItalic.woff2") format("woff2"), url("../fonts/webfonts/Alaska-BlackItalic.woff") format("woff");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-ExtraLight.woff2") format("woff2"), url("../fonts/webfonts/Alaska-ExtraLight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-Light.woff2") format("woff2"), url("../fonts/webfonts/Alaska-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-Regular.woff2") format("woff2"), url("../fonts/webfonts/Alaska-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-Medium.woff2") format("woff2"), url("../fonts/webfonts/Alaska-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-SemiBold.woff2") format("woff2"), url("../fonts/webfonts/Alaska-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-Bold.woff2") format("woff2"), url("../fonts/webfonts/Alaska-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-ExtraBold.woff2") format("woff2"), url("../fonts/webfonts/Alaska-ExtraBold.woff") format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "Alaska";
  src: url("../fonts/webfonts/Alaska-Black.woff2") format("woff2"), url("../fonts/webfonts/Alaska-Black.woff") format("woff");
  font-weight: 900;
}