/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/main-styles/ima-reset.css ***!
  \************************************************************************************************************************/
html {
  scroll-padding-top: 120px;
}
@media screen and (min-width: 1200px) {
  html {
    scroll-padding-top: 155px;
  }
}

.imanet h1,
.imanet h2,
.imanet h3,
.imanet h4,
.imanet p,
.imanet ul,
.imanet ol,
.imanet li,
.imanet span,
.imanet div,
.imanet button,
.imanet span,
.imanet a,
.imanet input {
  font-family: var(--ima-font-regular);
  font-style: normal;
  letter-spacing: 0rem;
  font-weight: 400;
}

.row {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
}

html[dir="rtl"] .imanet input {
  direction: rtl;
}

.imanet a, .imanet li {
  text-decoration: none;
}

.imanet a {
  color: var(--ima-secondary-blue);
}

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

.imanet ul, .imanet ol, .imanet li {
  list-style-type: none;
}

.imanet .rich-text-editor {
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.imanet .rich-text-editor img {
  height: auto;
}
@media screen and (min-width: 768px) {
  .imanet .rich-text-editor img {
    max-width: unset;
    height: unset;
  }
}

.imanet .article-body .rich-text-editor img {
  max-width: 100%;
  height: auto!important;
}

.imanet .rich-text-editor li,
.imanet .rich-text-editor ul,
.imanet .rich-text-editor ol {
  list-style-type: revert;
}

.imanet .rich-text-editor ul,
.imanet .rich-text-editor ol {
  margin-left: 20px;
  padding-left: 16px;
  list-style-position: inside;
  margin-bottom:1rem;
}

.imanet .rich-text-editor li {
  padding-right: 30px;
}

.imanet .rich-text-editor p {
  margin-left: 0!important;
  margin-right: 0!important;
}

/* Safari and iOS only */
@supports (-webkit-touch-callout: none) {
  .imanet .rich-text-editor ol {
    margin-left: 24px;
    padding-left: 16px;
  }
}
/* macOS only */
.imanet .rich-text-editor.is-mac-os strong {
  font-family: var(--ima-font-bold);
}

@media screen and (max-width: 575px) {
  .imanet .rich-text-editor ol {
    margin-left: 24px;
  }
}

html[dir="rtl"] .imanet .rich-text-editor ul,
html[dir="rtl"] .imanet .rich-text-editor ol {
  margin-left: unset;
  margin-right: 20px;
}

html[dir="rtl"] .imanet .rich-text-editor li {
  padding-left: 30px;
  padding-right: 0;
}

.imanet .rich-text-editor b,
.imanet .rich-text-editor strong,
.imanet .rich-text-editor i,
.imanet .rich-text-editor em,
.imanet .rich-text-editor mark,
.imanet .rich-text-editor small,
.imanet .rich-text-editor del,
.imanet .rich-text-editor ins,
.imanet .rich-text-editor sub {
  display: contents;
}

@-moz-document url-prefix() {
    .imanet .display-1,
    .imanet .h1,
    .imanet .h2,
    .imanet .h3,
    .imanet .h4,
    .imanet .body-1,
    .imanet .blockquote-footer,
    .imanet .body-2,
    .imanet .body-3,
    .imanet .caption,
    .imanet .tag,
    .imanet .eyebrow-large,
    .imanet .eyebrow-small,
    .imanet .blockquote,
    .imanet .list-item,
    .imanet .plain-button,
    .imanet .plain-button a {
      font-weight: unset!important;
    }
}

.imanet button,
.imanet .cta-button,
.imanet .plain-button,
.imanet [type=button],
.imanet [type=reset],
.imanet [type=submit],
.imanet button {
  -webkit-appearance: none!important;
}

/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/main-styles/ima-colors.css ***!
  \*************************************************************************************************************************/

/* ########### */
/*  VARIABLES  */
/* ########### */

:root {
  --ima-primary-blue: #003260;
  --ima-primary-blue-2: #335b80;
  --ima-primary-blue-3: #183762;
  --ima-primary-red: #DA2128;
  --ima-primary-teal: #3D778E;
  --ima-primary-green: #44826E;
  --ima-primary-light: #FFFFFF;
  --ima-primary-dark-1: #000000;
  --ima-primary-dark-2: #1A1A1A;
  --ima-secondary-red: #AE1A20;
  --ima-secondary-blue: #0079C1;
  --ima-secondary-light-blue: #04B2E2;
  --ima-secondary-green: #73C6A1;
  --ima-secondary-light-green: #B7DA9B;
  --ima-secondary-orange: #CE6B33;
  --ima-neutral-dark-gray-1: #4D4D4D;
  --ima-neutral-dark-gray-2: #191919;
  --ima-neutral-dark-gray-3: #272727;
  --ima-neutral-dark-gray-4: #232323;
  --ima-neutral-medium-gray-1: #666666;
  --ima-neutral-medium-gray-2: #8C8C8C;
  --ima-neutral-light-gray-1: #F8F8F8;
  --ima-neutral-light-gray-2: #CCCCCC;
  --ima-neutral-light-gray-3: #E5E5E5;
  --ima-neutral-light-gray-4: #4D4D4D;
  --ima-neutral-light-gray-5: #F2F2F2;
  --ima-tint-green: #E6F2E4;
  --ima-tint-red: #F9E8E6;
  --ima-tint-yellow: #F6F6E5;
  --ima-tint-blue: #E6F7FF;
  --ima-facet-green: #488974;
  --ima-coveo-pager-green: #3F7866;




}


/* ############# */
/* COLOR HELPERS */
/* ############# */

.imanet .primary-blue {
  color: var(--ima-primary-blue) !important;
}
.imanet .bg-primary-blue {
  background-color: var(--ima-primary-blue) !important;
}

.imanet .primary-blue-2 {
  color: var(--ima-primary-blue-2) !important;
}
.imanet .bg-primary-blue-2 {
  background-color: var(--ima-primary-blue-2) !important;
}

.imanet .primary-blue-3 {
  color: var( --ima-primary-blue-3) !important;
}
.imanet .bg-primary-blue-3 {
  background-color: var( --ima-primary-blue-3) !important;
}

.imanet .primary-red {
  color: var(--ima-primary-red);
}
.imanet .bg-primary-red {
  background-color: var(--ima-primary-red);
}

.imanet .primary-teal {
  color: var(--ima-primary-teal);
}
.imanet .bg-primary-teal {
  background-color: var(--ima-primary-teal);
}

.imanet .primary-green {
  color: var(--ima-primary-green) !important;
}
.imanet .bg-primary-green {
  background-color: var(--ima-primary-green) !important;
}

.imanet .primary-light {
  color: var(--ima-primary-light) !important;
}
.imanet .bg-primary-light {
  background-color: var(--ima-primary-light) !important;
}

.imanet .primary-dark-1 {
  color: var(--ima-primary-dark-1) !important;
}
.imanet .bg-primary-dark-1 {
  background-color: var(--ima-primary-dark-1) !important;
}

.imanet .primary-dark-2 {
  color: var(--ima-primary-dark-2);
}
.imanet .bg-primary-dark-2 {
  background-color: var(--ima-primary-dark-2);
}

.imanet .secondary-red {
  color: var(--ima-secondary-red);
}
.imanet .bg-secondary-red {
  background-color: var(--ima-secondary-red);
}

.imanet .secondary-blue {
  color: var(--ima-secondary-blue) !important;
}
.imanet .bg-secondary-blue {
  background-color: var(--ima-secondary-blue) !important;
}

.imanet .secondary-light-blue {
  color: var(--ima-secondary-light-blue) !important;
}
.imanet .bg-secondary-light-blue {
  background-color: var(--ima-secondary-light-blue) !important;
}

.imanet .secondary-green {
  color: var(--ima-secondary-green) !important;
}
.imanet .bg-secondary-green {
  background-color: var(--ima-secondary-green) !important;
}

.imanet .secondary-light-green {
  color: var(--ima-secondary-light-green) !important;
}
.imanet .bg-secondary-light-green {
  background-color: var(--ima-secondary-light-green) !important;
}

.imanet .secondary-orange {
  color: var(--ima-secondary-orange) !important;
}
.imanet .bg-secondary-orange {
  background-color: var(--ima-secondary-orange) !important;
}

.imanet .neutral-dark-gray-1 {
  color: var(--ima-neutral-dark-gray-1) !important;
}
.imanet .bg-neutral-dark-gray-1 {
  background-color: var(--ima-neutral-dark-gray-1) !important;
}

.imanet .neutral-dark-gray-2 {
  color: var(--ima-neutral-dark-gray-2) !important;
}
.imanet .bg-neutral-dark-gray-2 {
  background-color: var(--ima-neutral-dark-gray-2) !important;
}

.imanet .neutral-dark-gray-3 {
  color: var(--ima-neutral-dark-gray-3) !important;
}
.imanet .bg-neutral-dark-gray-3 {
  background-color: var(--ima-neutral-dark-gray-3) !important;
}

.imanet .neutral-dark-gray-4 {
  color: var(--ima-neutral-dark-gray-4) !important;
}
.imanet .bg-neutral-dark-gray-4 {
  background-color: var(--ima-neutral-dark-gray-4) !important;
}

.imanet .neutral-medium-gray-1 {
  color: var(--ima-neutral-medium-gray-1) !important;
}
.imanet .bg-neutral-medium-gray-1 {
  background-color: var(--ima-neutral-medium-gray-1) !important;
}

.imanet .neutral-medium-gray-2 {
  color: var(--ima-neutral-medium-gray-2) !important;
}
.imanet .bg-neutral-medium-gray-2 {
  background-color: var(--ima-neutral-medium-gray-2) !important;
}

.imanet .neutral-light-gray-1 {
  color: var(--ima-neutral-light-gray-1) !important;
}
.imanet .bg-neutral-light-gray-1 {
  background-color: var(--ima-neutral-light-gray-1) !important;
}

.imanet .neutral-light-gray-2 {
  color: var(--ima-neutral-light-gray-2) !important;
}
.imanet .bg-neutral-light-gray-2 {
  background-color: var(--ima-neutral-light-gray-2) !important;
}

.imanet .neutral-light-gray-3 {
  color: var(--ima-neutral-light-gray-3) !important;
}
.imanet .bg-neutral-light-gray-3 {
  background-color: var(--ima-neutral-light-gray-3) !important;
}

.imanet .neutral-light-gray-4 {
  color: var(--ima-neutral-light-gray-4) !important;
}
.imanet .bg-neutral-light-gray-4 {
  background-color: var(--ima-neutral-light-gray-4) !important;
}

.imanet .neutral-light-gray-5 {
  color: var(--ima-neutral-light-gray-5) !important;
}
.imanet .bg-neutral-light-gray-5 {
  background-color: var(--ima-neutral-light-gray-5) !important;
}

.imanet .tint-green {
  color: var(--ima-tint-green) !important;
}
.imanet .bg-tint-green {
  background-color: var(--ima-tint-green) !important;
}

.imanet .tint-red {
  color: var(--ima-tint-red) !important;
}
.imanet .bg-tint-red {
  background-color: var(--ima-tint-red) !important;
}

.imanet .tint-yellow {
  color: var(--ima-tint-yellow) !important;
}
.imanet .bg-tint-yellow {
  background-color: var(--ima-tint-yellow) !important;
}

.imanet .tint-blue {
  color: var(--ima-tint-blue) !important;
}
.imanet .bg-tint-blue {
  background-color: var(--ima-tint-blue) !important;
}

.imanet .facet-green {
  color: var(--ima-facet-green) !important;
}
.imanet .bg-facet-green {
  background-color: var(--ima-facet-green) !important;
}

.imanet .coveo-pager-green {
  color: var(--ima-coveo-pager-green) !important;
}
.imanet .bg-coveo-pager-green {
  background-color: var(--ima-coveo-pager-green) !important;
}



/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/main-styles/ima-typography.css ***!
  \*****************************************************************************************************************************/
/* ########### */
/*  VARIABLES  */
/* ########### */

:root {
  --ima-font-regular: "Avenir Roman", "Montserrat Regular", Arial, Helvetica, sans-serif;
  --ima-font-medium: "Avenir Medium", "Montserrat Medium", Arial, Helvetica, sans-serif;
  --ima-font-bold: "Avenir Heavy", "Montserrat Bold", Arial, Helvetica, sans-serif;
  --ima-font-boldest: "Avenir Black", "Montserrat Black", Arial, Helvetica, sans-serif;
}


/* ###### */
/* STYLES */
/* ###### */

.imanet .display-1 {
  font-size: 4rem;
  line-height: 4.25rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .h1 {
  font-size: 3.5rem;
  line-height: 3.75rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}
.imanet .fs-1 {
  font-size: 3.5rem!important;
}
@media screen and (max-width: 575px) {
  .imanet .h1 {
    font-size: 3rem;
    line-height: 3.1875rem;
    font-family: var(--ima-font-bold);
    font-weight: 700;
}
  .imanet .fs-1 {
    font-size: 3rem!important;
  }
}

.imanet .h2 {
  font-size: 2rem;
  line-height: 2.75rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}
.imanet .fs-2 {
  font-size: 2rem!important;
}
@media screen and (max-width: 1199px) {
  .imanet .h2 {
    font-size: 1.625rem;
    line-height: 2.25rem;
    font-family: var(--ima-font-bold);
    font-weight: 700;
  }
  .imanet .fs-2 {
    font-size: 1.625rem!important;
  }
}

.imanet .h3 {
  font-size: 1.375rem !important;
  line-height: 1.875rem !important;
  font-family: var(--ima-font-bold) !important;
  font-weight: 700 !important;
}

.imanet .h4 {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .h5 {
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .h6 {
  font-size: 0.85rem;
  line-height: 1;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .body-1 {
  font-size: 1.25rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.6875rem;
}

.imanet .blockquote-footer,
.imanet .body-2 {
  font-size: 1rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.375rem;
}

.imanet .body-3 {
  font-size: 1.125rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.75rem;
}

.imanet .body-4 {
  font-size: 1rem;
  font-family: var(--ima-font-regular);
  font-weight: 400;
  line-height: 1.375rem;
}

.imanet .caption {
  font-size: 0.875rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.25rem;
}

.imanet .tag {
  font-size: 0.75rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.25rem;
}

/* REVIEW: maybe merge this with h4 */
.imanet .eyebrow-large {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .eyebrow-small {
  font-size: 0.875rem;
  line-height: 1rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .blockquote {
  font-size: 1.5rem;
  line-height: 2.0625rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .list-item {
  font-size: 1rem;
  line-height: 1.375rem;
  font-family: var(--ima-font-bold);
  font-weight: 700;
}

.imanet .topic-bullet {
  font-size: 1.1875rem;
  line-height: 1.8125rem;
  font-family: var(--ima-font-bold);
  font-weight: 800;
  display: flex;
  align-items: center;
  margin-bottom: 10px!important;
  color: var(--ima-primary-dark-2);
}

.imanet .topic-bullet::before {
  content: '';
  background-image: url('/dist/icon/bullet.svg');
  background-size: 21px 21px;
  background-repeat: no-repeat;
  height: 21px;
  width: 21px;
  display: inline-flex;
  padding-right: 2rem;
}

.imanet .align-left{
  text-align: left;
}

.imanet .align-center{
  text-align: center;
}

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

html[dir="rtl"] .imanet .topic-bullet::before {
  padding-right: 0;
  padding-left: 2rem;
  background-position: right;
}

.imanet .topic-body {
  font-size: 1rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.375rem;
  padding-left: 2.3rem;
  color: var(--ima-primary-dark-2);
  margin-bottom: 20px!important;
}

html[dir="rtl"] .imanet .topic-body {
  padding-left: 0;
  padding-right: 2.3rem;
}

/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/main-styles/ima-main.css ***!
  \***********************************************************************************************************************/
html,
body {
    height: 100%;
}

.imanet .top-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.imanet.page-editor .top-container,
.imanet.page-preview .top-container {
  top: unset;
}

.imanet .main-wrapper {
    min-height: 100%;
    margin-top: -100px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 100px;
}

main {
    position: relative;
    padding-top: 100px;
}


@media screen and (min-width: 1200px) {
    .imanet .main-wrapper {
        padding-top: 155px;
        margin-top: -155px;
    }

    main {
        padding-top: 155px;
    }
}

/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/containers/one-column-non-dynamic.css ***!
  \************************************************************************************************************************************/
.imanet .container--one-col-non-dynamic .rich-text-editor {
  padding: 0 16px;
}
/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/dialogs/login-dialog.css ***!
  \***********************************************************************************************************************/
.imanet .login-form-flow .modal-dialog {
  padding-bottom: 75px;
}

.imanet .login-form-flow .checkbox-input__label,
.imanet .login-form-flow .text-form-input__label {
  font-size: 0.875rem;
  font-family: var(--ima-font-medium);
  font-weight: 500;
  line-height: 1.25rem;
} 

.sfmag .login-form-flow button:focus-visible,
.sfmag .login-form-flow a:focus-visible,
.sfmag .login-form-flow input:focus-visible,
.sfmag .login-form-flow p:focus-visible,
.sfmag .login-form-flow h2:focus-visible,
.sfmag .login-form-flow div:focus-visible, 
.sfmag .login-form-flow span:focus-visible {
  outline-color: var(--ima-secondary-blue);
}

/* NOTE: Fractal only. Could be removed for production */
.imanet #utility-bar-menu--sign-in.fractal-only {
  opacity: 1!important;
  display: flex!important;
}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/dialogs/create-account-dialog.css ***!
  \********************************************************************************************************************************/
#create-account-dialog.modal.fractal-only {
  display: block;
}

.imanet #create-account-dialog .modal-body {
  padding-bottom: 75px;
}

.imanet #create-account-dialog .create-account-dialog__member {
  display: flex;
  align-items: center;
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/dialogs/confirm-address-dialog.css ***!
  \*********************************************************************************************************************************/
#confirm-address-dialog.modal.fractal-only {
  display: block;
}

#confirm-address-dialog.modal.fractal-only {
  padding-bottom: 75px;
}

#confirm-address-dialog .plain-button--small {
  display: flex;
  align-items: center;
  cursor: pointer;
}

#confirm-address-dialog .cta-button {
  cursor: pointer;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/dialogs/validate-mail-dialog.css ***!
  \*******************************************************************************************************************************/
#validate-mail-dialog.modal.fractal-only {
  display: block;
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/dialogs/generic-dialog.css ***!
  \*************************************************************************************************************************/
.imanet .modal-dialog {
  margin: 0;
}

.imanet .modal-backdrop {
  background-color: var(--ima-primary-light);
  opacity: .75;
}

.imanet .modal-dialog-scrollable {
  height: calc(100% - 6.5625rem);
}

.imanet .modal-content {
  box-shadow: 0.5px 0.1px 2.7px rgba(0, 0, 0, 0.04), 1.3px 0.3px 6.9px rgba(0, 0, 0, 0.058), 2.7px 0.7px 14.2px rgba(0, 0, 0, 0.072), 5.5px 1.5px 29.2px rgba(0, 0, 0, 0.09), 15px 4px 80px rgba(0, 0, 0, 0.13);
  border: none;
  border-radius: 0;
}

.imanet .modal-header {
  border-radius: 0;
}

@media screen and (min-width: 576px) {
  .imanet .modal-dialog {
    margin: 1.75rem auto;
  }
}

@media screen and (min-width: 768px) {
  .imanet .modal-dialog {
    min-width: 730px;
  }
  .imanet .modal-footer {
    border: none;
  }
}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/dialogs/system-message-dialog.css ***!
  \********************************************************************************************************************************/
.imanet .system-message-form,
.imanet .sign-up-confirmation-message {
  padding: 1rem .75rem;
  background-color: var(--ima-primary-light);
}

.imanet .system-message-form__heading,
.imanet .sign-up-confirmation-message__heading {
  padding: 0 1rem .25rem .5rem;
  color: var(--ima-secondary-blue);
}

.imanet .system-message-form__instructions,
.imanet .sign-up-confirmation-message__instructions {
  padding: .25rem 0 0 .5rem;
  color: var(--ima-neutral-dark-gray-1);
}

.imanet .system-message-form__image,
.imanet .sign-up-confirmation-message__image {
  padding: 0 .5rem 0 1rem
}

html[dir="rtl"] .imanet .system-message-form__image,
html[dir="rtl"] .imanet .sign-up-confirmation-message__image {
  padding: 0 1rem 0 .5rem
}

.imanet .system-message-form__circle,
.imanet .sign-up-confirmation-message__circle {
  background-color: var(--ima-tint-blue);
  border-radius: 100%;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.imanet .system-message-form__icon,
.imanet .sign-up-confirmation-message__icon {
position: relative;
  color: var(--ima-secondary-blue);
  font-size: 2.1875rem;
}

.imanet i[class*=" system-message-form__badge--"],
.imanet i[class*=" sign-up-confirmation-message__badge--"] {
  position: absolute;
}

.imanet .system-message-form__badge--fill,
.imanet .sign-up-confirmation-message__badge--fill {
  color: var(--ima-primary-green);
  font-size: 1rem;
  right: -5px;
  bottom: 2px;
}

.imanet .system-message-form__badge--fill::after,
.imanet .sign-up-confirmation-message__badge--fill::after {
  content: '\f26e';
  color: #FFFFFF;
  font-size: 1rem;
  display: inline-block;
  font-family: bootstrap-icons !important;
  position: absolute;
  right: 2px;
  bottom: 1px;
}

.imanet .system-message-form__badge--border,
.imanet .sign-up-confirmation-message__badge--border {
  color: var(--ima-tint-blue);
  font-size: 1.25rem;
  right: -7px;
  bottom: -1px;
}


@media screen and (min-width: 768px) {

  .imanet .system-message-form,
  .imanet .sign-up-confirmation-message {
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

/* NOTE: Fractal only. Could be removed for production */
.imanet #system-message-dialog.fractal-only {
  opacity: 1!important;
  display: flex!important;
}
/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/forms/login-form.css ***!
  \*******************************************************************************************************************/
.imanet .login-form {
  /* padding: 1rem; */
  background-color: var(--ima-primary-light);
}

.imanet .login-form .text-form-input {
  padding: .5rem 1rem;
}

.imanet .login-form .login-form__sign-in-btn .plain-button {
  padding-left: 1rem;
}

html[dir="rtl"] .imanet .login-form .login-form__sign-in-btn .plain-button {
  padding-right: 1rem;
  padding-left: 0;
}

.imanet .login-form .login-form__sign-in-btn .plain-button input {
  padding: 0;
}

.imanet .login-form__alt-buttons {
  margin-top: .75rem;
  padding: 0 .5rem;
}

.imanet .login-form__alt-buttons .plain-button {
  text-align: center;
}

.imanet .login-form__info {
  margin-top: 1.5rem;
}

.imanet .login-form .main-nav-header {
  padding: 1rem;
  margin: 0 1rem;
}

.imanet .login-form__register-button {
  padding-left: 0!important;
  padding-right: 0!important;
}

@media screen and (min-width: 768px) {

  .imanet .login-form__inputs {
    flex: 1 0 0%;
    width: 100%;
  }
  
  html[dir="ltr"] .imanet .login-form .text-form-input {
    padding-right: 0;
  }

  html[dir="rtl"] .imanet .login-form .text-form-input {
    padding-left: 0;
  }

  .imanet .login-form .login-form__sign-in-btn {
    padding-right: 1rem;
  }

  html[dir="rtl"] .imanet .login-form .login-form__sign-in-btn {
    padding-left: 1rem;
  }

  .imanet .login-form .main-nav-header {
    margin: 0;
  }
}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/forms/change-username-form.css ***!
  \*****************************************************************************************************************************/
.imanet .change-username-form {
  padding: 1rem .75rem;
  background-color: var(--ima-primary-light);
}

.imanet .change-username-form__instructions {
  padding: 1rem;
  color: var(--ima-neutral-dark-gray-1);
}

.imanet .change-username-form .text-form-input {
  padding: .5rem 1rem 1rem;
}

.imanet .change-username-form .change-username-form__submit-btn .plain-button {
  padding-left: 1rem;
}

html[dir="rtl"] .imanet .change-username-form .change-username-form__submit-btn .plain-button {
  padding-right: 1rem;
  padding-left: 0;
}


@media screen and (min-width: 768px) {

  .imanet .change-username-form {
    padding: 0;
  }

  .imanet .change-username-form__input {
    flex: 1 0 0%;
    width: 100%;
  }
  
  html[dir="ltr"] .imanet .change-username-form .text-form-input {
    padding-right: 0;
  }

  html[dir="rtl"] .imanet .change-username-form .text-form-input {
    padding-left: 0;
  }

}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/forms/lost-password-form.css ***!
  \***************************************************************************************************************************/
.imanet #lost-password-dialog .modal-toolbar {
  padding-right: 32px;
  padding-left: 32px;
}

.imanet .lost-password-form {
  padding: 0;
  background-color: var(--ima-primary-light);
}

.imanet .lost-password-form__instructions {
  padding: 16px;
  color: var(--ima-neutral-dark-gray-1);
}

.imanet .lost-password-form .text-form-input {
  padding: 8px 16px 16px;
}

.imanet .lost-password-form .lost-password-form__reset-btn .plain-button {
  padding-left: 16px;
}

html[dir="rtl"] .imanet .lost-password-form .lost-password-form__reset-btn .plain-button {
  padding-right: 16px;
  padding-left: 0;
}


@media screen and (min-width: 768px) {

  .imanet .lost-password-form__input {
    flex: 1 0 0%;
    width: 100%;
  }
  
  html[dir="ltr"] .imanet .lost-password-form .text-form-input {
    padding-right: 0;
  }

  html[dir="rtl"] .imanet .lost-password-form .text-form-input {
    padding-left: 0;
  }

}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/forms/sticky-form.css ***!
  \********************************************************************************************************************/
.imanet .sticky-form-component {
  border: solid 1px var(--ima-neutral-light-gray-3);
  border-radius: 4px;
  padding: 50px 0 36px;
  background: var(--ima-primary-light);
}


/* Inner Elements Styles */

.imanet .sticky-form-component__form .text-form-input, 
.imanet .sticky-form-component__form .select-input {
  padding: 0;
}

.imanet .select-input-component, 
.imanet .sticky-form-component__form .text-form-input__box::placeholder {
  color: var(--ima-primary-blue);
}

.imanet .sticky-form-component__form .select-input__arrow {
  top: 12px;
}

html[dir='rtl'] .imanet .sticky-form-component__form .select-input__arrow {
  display: flex;
  justify-content: end;
  left: 0;
}

.imanet .sticky-form-component__CTA {
  margin-top: 16px;
}

.imanet .sticky-form-component__close-button {
  top: 20px;
  right: 20px;
  border: none;
  background: transparent;
}

html[dir='rtl'] .imanet .sticky-form-component__close-button {
  right: unset;
  left: 0;
}


/* Positioning Styles Mobile */

@media screen and (max-width: 991px) {
  .imanet .sticky-form-component {
    position: fixed;
    z-index: 2;
    width: 100%;
  }
  .imanet .sticky-form-component.mobile-top {
    top: 100px;
    bottom: unset;
  }
  .imanet .sticky-form-component.mobile-middle {
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
  }
  .imanet .sticky-form-component.mobile-bottom {
    bottom: 75px;
    top: unset;
  }
}
/* Positioning Styles Desktop */

@media screen and (min-width: 992px) {
  .imanet .sticky-form-component {
    position: relative;
    z-index: 0;
    width: 32%;
  }
  .imanet #main-content.sticky-component-present .main-content__wrapper {
    width: 68%;
  }
  .imanet #main-content.sticky-component-hidden .main-content__wrapper {
    width: 100%;
  }
  .imanet .sticky-form-component__container--confirmation,
  .imanet .sticky-form-component__container {
    position: -webkit-sticky;
    position: sticky;
  }
  .imanet .sticky-form-component.right {
    order: 2;
  }
  .imanet .sticky-form-component.desktop-top .sticky-form-component__container--confirmation,
  .imanet .sticky-form-component.desktop-top .sticky-form-component__container {
    top: 150px;
  }
  .imanet .sticky-form-component.desktop-middle .sticky-form-component__container--confirmation,
  .imanet .sticky-form-component.desktop-middle .sticky-form-component__container {
    top: 50%;
    transform: translateY(-50%);
  }
  .imanet .sticky-form-component.desktop-bottom .sticky-form-component__container--confirmation,
  .imanet .sticky-form-component.desktop-bottom .sticky-form-component__container {
    top: 100%;
  }
}

@media screen and (min-width: 1200px) {
  .imanet .sticky-form-component.desktop-top .sticky-form-component__container--confirmation,
  .imanet .sticky-form-component.desktop-top .sticky-form-component__container {
    top: 175px;
  }
}

/* General Desktop Styles */

@media screen and (min-width: 992px) {
  html[dir="ltr"] .imanet .sticky-form-component__form .text-form-input {
    padding-right: 0;
  }
  html[dir="rtl"] .imanet .sticky-form-component__form .text-form-input {
    padding-left: 0;
  }
  .imanet .sticky-form-component__form .main-nav-header {
    margin: 0;
  }
  .imanet .sticky-form-component__close-button {
    top: -40px;
    right: -5px;
  }
}



/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/forms/alerts-signup-form.css ***!
  \***************************************************************************************************************************/
.imanet .alerts-signup-form {
  background-color: #F6F6F6;
  padding: 1.5rem 1rem;
}

.imanet .alerts-signup-form__heading {
  color: var(--ima-primary-blue);
  padding: 0 0 1rem;
  margin: 0;
}

.imanet .alerts-signup-form__subheading {
  color: #1A1A1A;
  padding: 0;
  margin: 0;
}

.imanet .alerts-signup-form .text-form-input {
  padding-left: 0;
  padding-right: 0;
}

.imanet .alerts-signup-form .checkbox-input {
  padding: 0 0 1rem;
}

.imanet .alerts-signup-form__input-area .text-form-input,
.imanet .alerts-signup-form__input-area .checkbox-input {
  position: relative;
}

.imanet .alerts-signup-form__input-area .field-validation-error {
  position: absolute;
  bottom: -10px;
}

.imanet .alerts-signup-form .checkbox-input .checkbox-input__label {
  color: var(--ima-primary-dark-1);
  width: auto;
  padding-left: 2.5rem;
}

.imanet .alerts-signup-form .checkbox-input .checkbox-input__box {
  width: 1.75rem;
  height: 1.75rem;
  position: relative;
  top: 10px;
  margin-left: -2.5rem;
}

.imanet .alerts-signup-form .checkbox-input .checkbox-input__box:checked:after {
  font-size: 1.35rem;
  top: -2px;
  left: 5px;
}

.imanet .alerts-signup-form__social-cta {
  color: var(--ima-primary-blue);
  margin: 2rem 0 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .imanet .alerts-signup-form {
    padding: 2rem 1.5rem;
  }

  .imanet .alerts-signup-form__heading {
    padding: 0 .5rem .5rem;
  }
 
  .imanet .alerts-signup-form__subheading {
    margin: 1rem .25rem;
    padding: 0 .5rem;
  }

  .imanet .alerts-signup-form .checkbox-input {
    padding: 1rem .5rem;
  }

  .imanet .alerts-signup-form .text-form-input {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .imanet .alerts-signup-form__social-cta {
    color: var(--ima-primary-blue);
    margin: 3rem 0 0;
    padding: 0 .5rem;
  }
}
/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./public/css/ima/general.css ***!
  \**********************************************************************************************************/
/* Reset */
    
/* Theme definitions */

/* Containers */

/* Dialogs */

/* Forms */