/* @tailwind base; */

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.eot");

  src: local("Source Sans Pro ExtraLight Italic"),
      local("SourceSansPro-ExtraLightIt"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLightIt.ttf")
        format("truetype");

  font-weight: 200;

  font-style: italic;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-Black.eot");

  src: local("Source Sans Pro Black"), local("SourceSansPro-Black"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Black.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Black.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Black.ttf")
        format("truetype");

  font-weight: 900;

  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.eot");

  src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackIt"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-BlackIt.ttf")
        format("truetype");

  font-weight: 900;

  font-style: italic;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.eot");

  src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldIt"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-BoldIt.ttf")
        format("truetype");

  font-weight: 700;

  font-style: italic;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-It.eot");

  src: local("Source Sans Pro Italic"), local("SourceSansPro-It"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-It.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-It.woff") format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-It.ttf")
        format("truetype");

  font-weight: 400;

  font-style: italic;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.eot");

  src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-ExtraLight.ttf")
        format("truetype");

  font-weight: 200;

  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-Semibold.eot");

  src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Semibold.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Semibold.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Semibold.ttf")
        format("truetype");

  font-weight: 600;

  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.eot");

  src: local("Source Sans Pro Semibold Italic"),
      local("SourceSansPro-SemiboldIt"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-SemiboldIt.ttf")
        format("truetype");

  font-weight: 600;

  font-style: italic;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-Light.eot");

  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Light.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Light.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Light.ttf")
        format("truetype");

  font-weight: 300;

  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-Regular.eot");

  src: local("Source Sans Pro"), local("SourceSansPro-Regular"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Regular.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Regular.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Regular.ttf")
        format("truetype");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-Bold.eot");

  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Bold.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Bold.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-Bold.ttf")
        format("truetype");

  font-weight: 700;

  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";

  src: url("../../../fonts/Source-Sans-Pro/SourceSansPro-LightIt.eot");

  src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightIt"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-LightIt.eot?#iefix")
        format("embedded-opentype"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-LightIt.woff")
        format("woff"),
      url("../../../fonts/Source-Sans-Pro/SourceSansPro-LightIt.ttf")
        format("truetype");

  font-weight: 300;

  font-style: italic;
}

@font-face {
  font-family: "Publico";

  src: url("../../../fonts/publico-black/publico-black-webfont.woff2")
        format("woff2"),
      url("../../../fonts/publico-black/publico-black-webfont.woff")
        format("woff");

  font-weight: 700;

  font-style: normal;
}

@font-face {
  font-family: "Publico";

  src: url("../../../fonts/publico-extrabolditalic/publico-extrabolditalic-webfont.woff2")
        format("woff2"),
      url("../../../fonts/publico-extrabolditalic/publico-extrabolditalic-webfont.woff")
        format("woff");

  font-weight: 500;

  font-style: italic;
}

@font-face {
  font-family: "Publico";

  src: url("../../../fonts/publico-italic/publico-italic-webfont.woff2")
        format("woff2"),
      url("../../../fonts/publico-italic/publico-italic-webfont.woff")
        format("woff");

  font-weight: 400;

  font-style: italic;
}

@font-face {
  font-family: "Publico";

  src: url("../../../fonts/publico-mediumitalic/publico-mediumitalic-webfont.woff2")
        format("woff2"),
      url("../../../fonts/publico-mediumitalic/publico-mediumitalic-webfont.woff")
        format("woff");

  font-weight: 400;

  font-style: italic;
}

@font-face {
  font-family: "Publico";

  src: url("../../../fonts/publico-roman/publico-roman-webfont.woff2")
        format("woff2"),
      url("../../../fonts/publico-roman/publico-roman-webfont.woff")
        format("woff");

  font-weight: 400;

  font-style: normal;
}

.body__reconcile {
  --tw-bg-opacity: 1;
  background-color: rgb(73 118 186 / var(--tw-bg-opacity));
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.label__reconcile {
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.portlet-decorate .portlet-content__reconcile {
  background-color: transparent !important;
  padding: 0px !important;
}

.btn__reconcile {
  border-radius: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

.btn-sm__reconcile {
  border-radius: 0px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.btn-axa-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
  --tw-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
  --tw-shadow-colored: inset 0 -3px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-axa-light:hover {
  --tw-shadow: inset 5em 5em 5em 5em #ededed;
  --tw-shadow-colored: inset 5em 5em 5em 5em var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-axa-light:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  --tw-shadow: inset 5em 5em 5em 5em rgb(255, 255, 255, .1), 0 0 0 .2rem #b3b3b3;
  --tw-shadow-colored: inset 5em 5em 5em 5em var(--tw-shadow-color), 0 0 0 .2rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-axa-light:active {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  --tw-shadow: inset 5em 5em 5em 5em rgba(255, 255, 255, .2);
  --tw-shadow-colored: inset 5em 5em 5em 5em var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.btn-axa-light:focus:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.link-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.link-light:hover {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}

.link-light:focus {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.link-light:active {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.link-light:focus:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-control__reconcile {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(73 118 186 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.form-control__reconcile::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.form-control__reconcile::placeholder {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.form-control__reconcile:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(73 118 186 / var(--tw-bg-opacity));
  --tw-shadow: 0 0 0 .1rem #b3b3b3;
  --tw-shadow-colored: 0 0 0 .1rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.form-container__reconcile {
  margin-top: 4rem !important;
}

@media (min-width: 1024px) {
  .form-container__reconcile {
    margin: auto;
    display: flex;
    height: 31.25rem;
  }
}

.form__reconcile {
  margin-top: 5rem;
}

@media (min-width: 1024px) {
  .form__reconcile {
    width: 33.333333%;
  }
}

.has-error .form-control__reconcile,
  .has-success .form-control__reconcile {
  background-color: transparent;
}

.has-error .form-control__reconcile:focus,
  .has-success .form-control__reconcile:focus {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.has-error .help-block {
  --tw-text-opacity: 1;
  color: rgb(244 137 137 / var(--tw-text-opacity));
}

.display-5 {
  font-family: Publico, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.header-title {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media (min-width: 1024px) {
  .header-title {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
  }
}

.side {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .side {
    width: 50%;
  }
}

.main-logo {
  width: 6rem;
}

@media (min-width: 1024px) {
  .main-logo {
    width: 7rem;
  }
}

.alert-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
}

.alert {
  z-index: 1;
  margin: 0px;
  border-radius: 0px;
  border-width: 0px;
  border-style: solid;
  border-color: transparent;
  padding: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.alert-axa-danger {
  --tw-border-opacity: 1;
  border-color: rgb(239 185 194 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 137 137 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-axa-success {
  --tw-border-opacity: 1;
  border-color: rgb(185 239 201 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(90 202 117 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert-close {
  position: absolute;
  right: 1rem;
  border-style: none;
  background-color: transparent;
  font-size: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.content-row {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}

.button-wrapper {
  position: relative;
  height: 8.25rem;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .button-wrapper {
    width: 26.563rem;
  }
}

.button-action {
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
  transition-duration: 500ms;
}

.button-prev-left {
  left: 100%;
}

.hidden {
  display: none;
}

@keyframes vertical_slide {
  0% {
    transform: translateY(-125%);
  }

  50% {
    transform: translateY(15%);
  }

  100% {
    transform: translateY(0%);
  }
}

.animate-vertical_slide {
  animation: vertical_slide 1s ease-out;
}