/*
 * Copyright 2022-2023 Liaison International. All Rights Reserved
 */

:root {
  --pf-global--palette--black-100: #fafafa;
  --pf-global--palette--black-150: #f5f5f5;
  --pf-global--palette--black-200: #ededed;
  --pf-global--palette--black-300: #d2d2d2;
  --pf-global--palette--black-400: #b8bbbe;
  --pf-global--palette--black-500: #8a8d90;
  --pf-global--palette--black-600: #737679;
  --pf-global--palette--black-700: #4f5255;
  --pf-global--palette--black-800: #3c3f42;
  --pf-global--palette--black-850: #212427;
  --pf-global--palette--black-900: #151515;
  --pf-global--palette--black-1000: #030303;
  --pf-global--palette--blue-50: #def3ff;
  --pf-global--palette--blue-100: #bee1f4;
  --pf-global--palette--blue-200: #73bcf7;
  --pf-global--palette--blue-300: #2b9af3;
  --pf-global--palette--blue-400: #06c;
  --pf-global--palette--blue-500: #004080;
  --pf-global--palette--blue-600: #004368;
  --pf-global--palette--blue-700: #002235;
  --pf-global--palette--cyan-100: #a2d9d9;
  --pf-global--palette--cyan-200: #73c5c5;
  --pf-global--palette--cyan-300: #009596;
  --pf-global--palette--cyan-400: #005f60;
  --pf-global--palette--cyan-500: #003737;
  --pf-global--palette--cyan-600: #003d44;
  --pf-global--palette--cyan-700: #001f22;
  --pf-global--palette--gold-100: #f9e0a2;
  --pf-global--palette--gold-200: #f6d173;
  --pf-global--palette--gold-300: #f4c145;
  --pf-global--palette--gold-400: #f0ab00;
  --pf-global--palette--gold-500: #c58c00;
  --pf-global--palette--gold-600: #795600;
  --pf-global--palette--gold-700: #3d2c00;
  --pf-global--palette--green-100: #bde5b8;
  --pf-global--palette--green-200: #95d58e;
  --pf-global--palette--green-300: #6ec664;
  --pf-global--palette--green-400: #5ba352;
  --pf-global--palette--green-500: #467f40;
  --pf-global--palette--green-600: #1e4f18;
  --pf-global--palette--green-700: #0f280d;
  --pf-global--palette--light-blue-100: #beedf9;
  --pf-global--palette--light-blue-200: #7cdbf3;
  --pf-global--palette--light-blue-300: #35caed;
  --pf-global--palette--light-blue-400: #00b9e4;
  --pf-global--palette--light-blue-500: #008bad;
  --pf-global--palette--light-blue-600: #005c73;
  --pf-global--palette--light-blue-700: #002d39;
  --pf-global--palette--light-green-100: #e4f5bc;
  --pf-global--palette--light-green-200: #c8eb79;
  --pf-global--palette--light-green-300: #ace12e;
  --pf-global--palette--light-green-400: #92d400;
  --pf-global--palette--light-green-500: #6ca100;
  --pf-global--palette--light-green-600: #486b00;
  --pf-global--palette--light-green-700: #253600;
  --pf-global--palette--orange-100: #f4b678;
  --pf-global--palette--orange-200: #ef9234;
  --pf-global--palette--orange-300: #ec7a08;
  --pf-global--palette--orange-400: #c46100;
  --pf-global--palette--orange-500: #8f4700;
  --pf-global--palette--orange-600: #773d00;
  --pf-global--palette--orange-700: #3b1f00;
  --pf-global--palette--purple-100: #cbc1ff;
  --pf-global--palette--purple-200: #b2a3ff;
  --pf-global--palette--purple-300: #a18fff;
  --pf-global--palette--purple-400: #8476d1;
  --pf-global--palette--purple-500: #6753ac;
  --pf-global--palette--purple-600: #40199a;
  --pf-global--palette--purple-700: #1f0066;
  --pf-global--palette--red-100: #c9190b;
  --pf-global--palette--red-200: #a30000;
  --pf-global--palette--red-300: #7d1007;
  --pf-global--palette--red-400: #470000;
  --pf-global--palette--red-500: #2c0000;
  --pf-global--palette--white: #fff;
  --pf-global--BackgroundColor--100: #fff;
  --pf-global--BackgroundColor--150: #f5f5f5;
  --pf-global--BackgroundColor--200: #fafafa;
  --pf-global--BackgroundColor--300: #ededed;
  --pf-global--BackgroundColor--light-100: #fff;
  --pf-global--BackgroundColor--light-200: #fafafa;
  --pf-global--BackgroundColor--light-300: #ededed;
  --pf-global--BackgroundColor--dark-100: #151515;
  --pf-global--BackgroundColor--dark-200: #3c3f42;
  --pf-global--BackgroundColor--dark-300: #212427;
  --pf-global--BackgroundColor--dark-400: #4f5255;
  --pf-global--BackgroundColor--dark-transparent-100: rgba(3, 3, 3, 0.62);
  --pf-global--BackgroundColor--dark-transparent-200: rgba(3, 3, 3, 0.32);
  --pf-global--Color--100: #151515;
  --pf-global--Color--200: #737679;
  --pf-global--Color--300: #3c3f42;
  --pf-global--Color--400: #8a8d90;
  --pf-global--Color--light-100: #fff;
  --pf-global--Color--light-200: #ededed;
  --pf-global--Color--light-300: #d2d2d2;
  --pf-global--Color--dark-100: #151515;
  --pf-global--Color--dark-200: #737679;
  --pf-global--active-color--100: #06c;
  --pf-global--active-color--200: #bee1f4;
  --pf-global--active-color--300: #73bcf7;
  --pf-global--active-color--400: #2b9af3;
  --pf-global--disabled-color--100: #737679;
  --pf-global--disabled-color--200: #d2d2d2;
  --pf-global--disabled-color--300: #ededed;
  --pf-global--primary-color--100: #06c;
  --pf-global--primary-color--200: #004080;
  --pf-global--primary-color--light-100: #73bcf7;
  --pf-global--primary-color--dark-100: #06c;
  --pf-global--secondary-color--100: #737679;
  --pf-global--default-color--100: #73c5c5;
  --pf-global--default-color--200: #009596;
  --pf-global--default-color--300: #003737;
  --pf-global--success-color--100: #92d400;
  --pf-global--success-color--200: #486b00;
  --pf-global--info-color--100: #73bcf7;
  --pf-global--info-color--200: #004368;
  --pf-global--warning-color--100: #f0ab00;
  --pf-global--warning-color--200: #795600;
  --pf-global--danger-color--100: #c9190b;
  --pf-global--danger-color--200: #a30000;
  --pf-global--danger-color--300: #470000;
  --pf-global--BoxShadow--sm: 0 0.0625rem 0.125rem 0 rgba(3, 3, 3, 0.2);
  --pf-global--BoxShadow--sm-right: 0.25rem 0 0.625rem -0.25rem rgba(3, 3, 3, 0.12);
  --pf-global--BoxShadow--sm-left: -0.25rem 0 0.625rem -0.25rem rgba(3, 3, 3, 0.12);
  --pf-global--BoxShadow--sm-bottom: 0 0.25rem 0.625rem -0.25rem rgba(3, 3, 3, 0.12);
  --pf-global--BoxShadow--sm-top: 0 -0.25rem 0.625rem -0.25rem
    rgba(3, 3, 3, 0.12);
  --pf-global--BoxShadow--md: 0 0.0625rem 0.0625rem 0rem rgba(3, 3, 3, 0.05),
    0 0.25rem 0.5rem 0.25rem rgba(3, 3, 3, 0.06);
  --pf-global--BoxShadow--md-right: 0.3125rem 0 0.625rem -0.25rem rgba(3, 3, 3, 0.25);
  --pf-global--BoxShadow--md-left: -0.3125rem 0 0.625rem -0.25rem rgba(3, 3, 3, 0.25);
  --pf-global--BoxShadow--md-bottom: 0 0.3125rem 0.625rem -0.25rem rgba(3, 3, 3, 0.25);
  --pf-global--BoxShadow--md-top: 0 -0.3125rem 0.625rem -0.25rem
    rgba(3, 3, 3, 0.25);
  --pf-global--BoxShadow--lg: 0 0.1875rem 0.4375rem 0.1875rem
      rgba(3, 3, 3, 0.13),
    0 0.6875rem 1.5rem 1rem rgba(3, 3, 3, 0.12);
  --pf-global--BoxShadow--lg-right: 0.75rem 0 0.625rem -0.25rem rgba(3, 3, 3, 0.07);
  --pf-global--BoxShadow--lg-left: -0.75rem 0 0.625rem -0.25rem rgba(3, 3, 3, 0.07);
  --pf-global--BoxShadow--lg-bottom: 0 0.75rem 0.625rem -0.25rem rgba(3, 3, 3, 0.07);
  --pf-global--BoxShadow--lg-top: 0 -0.75rem 0.625rem -0.25rem
    rgba(3, 3, 3, 0.07);
  --pf-global--BoxShadow--inset: inset 0 0 0.625rem 0 rgba(3, 3, 3, 0.25);
  --pf-global--font-path: ./assets/fonts;
  --pf-global--fonticon-path: ./assets/pficon;
  --pf-global--spacer--xs: 0.25rem;
  --pf-global--spacer--sm: 0.5rem;
  --pf-global--spacer--md: 1rem;
  --pf-global--spacer--lg: 1.5rem;
  --pf-global--spacer--xl: 2rem;
  --pf-global--spacer--2xl: 3rem;
  --pf-global--spacer--3xl: 4rem;
  --pf-global--spacer--form-element: 0.375rem;
  --pf-global--gutter: 1.5rem;
  --pf-global--gutter--md: 1rem;
  --pf-global--golden-ratio: 1.681;
  --pf-global--ZIndex--xs: 100;
  --pf-global--ZIndex--sm: 200;
  --pf-global--ZIndex--md: 300;
  --pf-global--ZIndex--lg: 400;
  --pf-global--ZIndex--xl: 500;
  --pf-global--ZIndex--2xl: 600;
  --pf-global--breakpoint--xs: 0;
  --pf-global--breakpoint--sm: 576px;
  --pf-global--breakpoint--md: 768px;
  --pf-global--breakpoint--lg: 992px;
  --pf-global--breakpoint--xl: 1200px;
  --pf-global--breakpoint--2xl: 1450px;
  --pf-global--link--Color: #06c;
  --pf-global--link--Color--hover: #004080;
  --pf-global--link--Color--light: #73bcf7;
  --pf-global--link--Color--light--hover: #2b9af3;
  --pf-global--link--Color--dark: #06c;
  --pf-global--link--Color--dark--hover: #004080;
  --pf-global--link--FontWeight: 500;
  --pf-global--link--TextDecoration: none;
  --pf-global--link--TextDecoration--hover: underline;
  --pf-global--BorderWidth--sm: 1px;
  --pf-global--BorderWidth--md: 2px;
  --pf-global--BorderWidth--lg: 3px;
  --pf-global--BorderColor--100: #d2d2d2;
  --pf-global--BorderColor--200: #8a8d90;
  --pf-global--BorderColor--300: #ededed;
  --pf-global--BorderColor--dark-100: #d2d2d2;
  --pf-global--BorderColor--light-100: #b8bbbe;
  --pf-global--BorderRadius--sm: 3px;
  --pf-global--BorderRadius--lg: 30em;
  --pf-global--icon--Color--light: #737679;
  --pf-global--icon--Color--dark: #151515;
  --pf-global--icon--FontSize--sm: 0.625rem;
  --pf-global--icon--FontSize--md: 1.125rem;
  --pf-global--icon--FontSize--lg: 1.5rem;
  --pf-global--icon--FontSize--xl: 3.375rem;
  --pf-global--FontFamily--sans-serif: overpass, overpass, open sans,
    -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --pf-global--FontFamily--heading--sans-serif: overpass, overpass, open sans,
    -apple-system, blinkmacsystemfont, Segoe UI, roboto, Helvetica Neue, arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --pf-global--FontFamily--monospace: overpass-mono, overpass-mono,
    SFMono-Regular, menlo, monaco, consolas, Liberation Mono, Courier New,
    monospace;
  --pf-global--FontFamily--redhatfont--sans-serif: RedHatText, Overpass,
    overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--redhatfont--heading--sans-serif: RedHatDisplay,
    Overpass, overpass, helvetica, arial, sans-serif;
  --pf-global--FontFamily--redhatfont--monospace: Liberation Mono, consolas,
    SFMono-Regular, menlo, monaco, Courier New, monospace;
  --pf-global--FontSize--4xl: 2.25rem;
  --pf-global--FontSize--3xl: 1.75rem;
  --pf-global--FontSize--2xl: 1.5rem;
  --pf-global--FontSize--xl: 1.25rem;
  --pf-global--FontSize--lg: 1.125rem;
  --pf-global--FontSize--md: 1rem;
  --pf-global--FontSize--sm: 0.875rem;
  --pf-global--FontSize--xs: 0.75rem;
  --pf-global--FontWeight--light: 300;
  --pf-global--FontWeight--normal: 400;
  --pf-global--FontWeight--semi-bold: 500;
  --pf-global--FontWeight--bold: 600;
  --pf-global--FontWeight--redhatfont--bold: 700;
  --pf-global--LineHeight--sm: 1.3;
  --pf-global--LineHeight--md: 1.5;
  --pf-global--ListStyle: disc outside;
  --pf-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
  --pf-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
  --pf-global--TransitionDuration: 250ms;
  --pf-global--arrow--width: 0.9375rem;
  --pf-global--arrow--width-lg: 1.5625rem;
  --pf-global--target-size--MinWidth: 44px;
  --pf-global--target-size--MinHeight: 44px;
}

@font-face {
  font-family: "Proxima Nova Regular";
  src: local("Proxima Nova Regular"),
    url("../fonts/proximanova-reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova Bold";
  src: local("Proxima Nova Bold"),
    url("../fonts/proximanova-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova Semibold";
  src: local("Proxima Nova Semibold"),
    url("../fonts/proximanova-sbold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Proxima Nova Regular";
}
/*Internet Explorer 11 compatibility workaround - IE does not support CSS variables */

.bottom-right-35 {
  right: 35%;
}

.white-color {
  color: #ffffff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .pf-c-tile {
    position: relative;
    display: -ms-inline-grid;
    display: inline-grid;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    margin-bottom: 0.25rem;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    grid-template-rows: -webkit-min-content;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    grid-template-rows: min-content;
  }
  .pf-c-tile::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    border: 1px solid #d2d2d2;
    border-radius: 3px;
  }
  .pf-c-tile:hover {
    border: 1px solid #06c;
    border-radius: 3px;
  }
  .pf-c-tile:hover .pf-c-tile__title,
  .pf-c-tile:hover .pf-c-tile__icon {
    color: #06c;
  }
  .pf-c-tile__input:checked + .pf-c-tile .pf-c-tile__title,
  .pf-c-tile__input:checked + .pf-c-tile .pf-c-tile__icon {
    color: #06c;
  }
  .pf-c-tile__input:checked + .pf-c-tile {
    border: 2px solid #06c;
    border-radius: 3px;
  }
  .pf-c-tile.pf-m-disabled {
    pointer-events: none;
  }
  .pf-c-tile__header {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pf-c-tile__header.pf-m-stacked {
    flex-direction: column;
    justify-content: initial;
  }
  .pf-c-tile__header.pf-m-stacked .pf-c-tile__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
  }
  .pf-c-tile__title {
    color: #6a6e73;
  }
  .pf-c-tile__body {
    font-size: 0.75rem;
    color: #6a6e73;
  }
  .pf-c-tile__icon {
    margin-right: 0.5rem;
    font-size: 1.5rem;
    color: #6a6e73;
  }
}

/*End of the IE11 workaround*/

.pf-c-tile {
  --pf-c-tile--PaddingTop: var(--pf-global--spacer--lg);
  --pf-c-tile--PaddingRight: var(--pf-global--spacer--lg);
  --pf-c-tile--PaddingBottom: var(--pf-global--spacer--lg);
  --pf-c-tile--PaddingLeft: var(--pf-global--spacer--lg);
  --pf-c-tile--BackgroundColor: var(--pf-global--BackgroundColor--100);
  --pf-c-tile--before--BorderColor: var(--pf-global--BorderColor--100);
  --pf-c-tile--before--BorderWidth: var(--pf-global--BorderWidth--sm);
  --pf-c-tile--before--BorderRadius: var(--pf-global--BorderRadius--sm);
  --pf-c-tile--hover--before--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-tile--m-selected--before--BorderWidth: var(
    --pf-global--BorderWidth--md
  );
  --pf-c-tile--m-selected--before--BorderColor: var(
    --pf-global--primary-color--100
  );
  --pf-c-tile--focus--before--BorderWidth: var(--pf-global--BorderWidth--md);
  --pf-c-tile--focus--before--BorderColor: var(--pf-global--primary-color--100);
  --pf-c-tile--m-disabled--BackgroundColor: var(
    --pf-global--disabled-color--300
  );
  --pf-c-tile__title--Color: var(--pf-global--Color--100);
  --pf-c-tile--hover__title--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--m-selected__title--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--focus__title--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--m-disabled__title--Color: var(--pf-global--disabled-color--100);
  --pf-c-tile__icon--MarginRight: var(--pf-global--spacer--sm);
  --pf-c-tile__icon--FontSize: var(--pf-global--icon--FontSize--md);
  --pf-c-tile__icon--Color: var(--pf-global--Color--100);
  --pf-c-tile--hover__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--m-selected__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-tile--m-disabled__icon--Color: var(--pf-global--disabled-color--100);
  --pf-c-tile--focus__icon--Color: var(--pf-global--primary-color--100);
  --pf-c-tile__header--m-stacked__icon--MarginBottom: var(
    --pf-global--spacer--xs
  );
  --pf-c-tile__header--m-stacked__icon--FontSize: var(
    --pf-global--icon--FontSize--lg
  );
  --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize: var(
    --pf-global--icon--FontSize--xl
  );
  --pf-c-tile__body--Color: var(--pf-global--Color--100);
  --pf-c-tile__body--FontSize: var(--pf-global--FontSize--xs);
  --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--100);
  position: relative;
  display: inline-grid;
  padding: var(--pf-c-tile--PaddingTop) var(--pf-c-tile--PaddingRight)
    var(--pf-c-tile--PaddingBottom) var(--pf-c-tile--PaddingLeft);
  margin-bottom: 0.25rem;
  text-align: center;
  cursor: pointer;
  background-color: var(--pf-c-tile--BackgroundColor);
  grid-template-rows: min-content;
  overflow: hidden;
}

.pf-c-tile::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  border: var(--pf-c-tile--before--BorderWidth) solid
    var(--pf-c-tile--before--BorderColor);
  border-radius: var(--pf-c-tile--before--BorderRadius);
}

.pf-c-tile:hover {
  --pf-c-tile__title--Color: var(--pf-c-tile--hover__title--Color);
  --pf-c-tile__icon--Color: var(--pf-c-tile--hover__icon--Color);
  --pf-c-tile--before--BorderColor: var(
    --pf-c-tile--hover--before--BorderColor
  );
}

.pf-c-tile__input:checked + .pf-c-tile {
  --pf-c-tile__title--Color: var(--pf-c-tile--m-selected__title--Color);
  --pf-c-tile__icon--Color: var(--pf-c-tile--m-selected__icon--Color);
  --pf-c-tile--before--BorderWidth: var(
    --pf-c-tile--m-selected--before--BorderWidth
  );
  --pf-c-tile--before--BorderColor: var(
    --pf-c-tile--m-selected--before--BorderColor
  );
}

.pf-c-tile:focus {
  --pf-c-tile__title--Color: var(--pf-c-tile--focus__title--Color);
  --pf-c-tile__icon--Color: var(--pf-c-tile--focus__icon--Color);
  --pf-c-tile--before--BorderWidth: var(
    --pf-c-tile--focus--before--BorderWidth
  );
  --pf-c-tile--before--BorderColor: var(
    --pf-c-tile--focus--before--BorderColor
  );
}

.pf-c-tile.pf-m-disabled {
  --pf-c-tile--BackgroundColor: var(--pf-c-tile--m-disabled--BackgroundColor);
  --pf-c-tile__title--Color: var(--pf-c-tile--m-disabled__title--Color);
  --pf-c-tile__body--Color: var(--pf-c-tile--m-disabled__body--Color);
  --pf-c-tile--before--BorderWidth: 0;
  --pf-c-tile__icon--Color: var(--pf-c-tile--m-disabled__icon--Color);
  pointer-events: none;
}

.pf-c-tile.pf-m-display-lg .pf-c-tile__header.pf-m-stacked {
  --pf-c-tile__icon--FontSize: var(
    --pf-c-tile--m-display-lg__header--m-stacked__icon--FontSize
  );
}

.pf-c-tile__input {
  display: none;
}

.pf-c-tile__header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pf-c-tile__header.pf-m-stacked {
  --pf-c-tile__icon--MarginRight: 0;
  --pf-c-tile__icon--FontSize: var(
    --pf-c-tile__header--m-stacked__icon--FontSize
  );
  flex-direction: column;
  justify-content: initial;
}

.pf-c-tile__header.pf-m-stacked .pf-c-tile__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--pf-c-tile__header--m-stacked__icon--MarginBottom);
}

.pf-c-tile__title {
  color: var(--pf-c-tile__title--Color);
}

.pf-c-tile__body {
  font-size: var(--pf-c-tile__body--FontSize);
  color: var(--pf-c-tile__body--Color);
}

.pf-c-tile__icon {
  margin-right: var(--pf-c-tile__icon--MarginRight);
  font-size: var(--pf-c-tile__icon--FontSize);
  color: var(--pf-c-tile__icon--Color);
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

.input-group-text {
  background-color: #ffffff;
}

.invalid-pass {
  color: #a30000;
}

.uncheckIcon {
  display: none;
}

.visiblyHidden {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  padding: 0;
  overflow: hidden;
}

.valid-pass:after {
  position: relative;
  left: 10px;
  content: "✔";
  color: rgb(46, 125, 50);
}

.password-requirement {
  color: #75757d;
}