.axa_theme body #wrapper .public-digital-soat {
  font-family: var(--soat-axa-custom-font-landing, "Source Sans Pro, sans-serif");
  /* Custom AXA checkbox */
  /* Custom background-color alert messages */ }
  .axa_theme body #wrapper .public-digital-soat .axa-options {
    padding: 0; }
    .axa_theme body #wrapper .public-digital-soat .axa-options input[type="checkbox"] ~ label {
      font-weight: normal;
      font-size: 12px;
      line-height: 1rem;
      font-family: var(--soat-form-container-font-label, "Source Sans Pro, sans-serif");
      color: var(--soat-form-container-label-color, #333); }
      .axa_theme body #wrapper .public-digital-soat .axa-options input[type="checkbox"] ~ label:before {
        margin-right: 0.6rem; }
  .axa_theme body #wrapper .public-digital-soat .alert.alert-warning {
    background-color: var(--soat-alert-warning-background, #FCF2C3);
    color: var(--soat-alert-warning-color, #333333);
    border-color: var(--soat-alert-warning-border-color, #FFD924); }
  .axa_theme body #wrapper .public-digital-soat .alert.alert-success {
    background-color: var(--soat-alert-success-background, #CDF4D9);
    color: var(--soat-alert-success-color, #333333);
    border-color: var(--soat-alert-success-border-color, #1CC54F); }
  .axa_theme body #wrapper .public-digital-soat .alert.alert-info {
    background-color: var(--soat-alert-info-background, #CEF1FC);
    color: var(--soat-alert-info-color, #333333);
    border-color: var(--soat-alert-info-border-color, #28C1F2); }
  .axa_theme body #wrapper .public-digital-soat #soat-payment-values .tooltip-help.soat-tooltip {
    color: var(--soat-tooltip-color, #F07662); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .axa_theme body #wrapper .public-digital-soat #soat-payment-values .tooltip-help.soat-tooltip {
        color: #F07662; } }
.axa_theme body #wrapper #modalContainer #msgModal .modalContent em {
  color: var(--soat-icon-color, #00008F); }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .axa_theme body #wrapper #modalContainer #msgModal .modalContent em {
      color: #00008F; } }
@media (max-width: 991px) {
  .axa_theme body #wrapper #modalContainer #msgModal .button-holder button {
    width: 100%; }
    .axa_theme body #wrapper #modalContainer #msgModal .button-holder button.btn-ghost {
      margin-top: 10px; } }

.public-digital-soat {
  /* Top Wizard Menu */
  /*Vehicle information */
  /* Footer Navigation Buttons */ }
  .public-digital-soat .step-counter {
    color: var(--soat-main-color, #027180);
    /*IE */ }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .step-counter {
        color: #027180; } }
  .public-digital-soat #img-effect {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute; }
    .public-digital-soat #img-effect.gradientActive {
      background: transparent linear-gradient(180deg, transparent 0%, rgba(12, 31, 60, 0.8) 80%) 0% 0% no-repeat padding-box; }
  .public-digital-soat .license-plate-form-container {
    background-color: var(--soat-form-container-background-color, #ffffffe6);
    min-width: 250px;
    border-radius: var(--soat-form-container-border-radius, 0rem); }
    .public-digital-soat .license-plate-form-container #form-title {
      font-family: "Publico Banner";
      color: #333333;
      font-size: 28px; }
  .public-digital-soat .button-back {
    left: -20px;
    top: 0px;
    font-size: 1.5rem;
    width: 56px;
    background-color: #fafafa;
    border-bottom: 4px solid;
    border-bottom-color: var(--soat-nav-active-color, #F07662); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .button-back {
        border-bottom-color: #F07662; } }
  .public-digital-soat .top-menu-wizard {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5; }
    .public-digital-soat .top-menu-wizard .nav-num {
      width: 23px;
      height: 23px;
      background-color: var(--soat-main-color, #027180);
      border-radius: 50%;
      color: #FFFFFF; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .public-digital-soat .top-menu-wizard .nav-num {
          background-color: #027180; } }
    .public-digital-soat .top-menu-wizard .nav-num.nav-check {
      background-color: var(--soat-nav-step-complete-color, #1cc54f); }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .public-digital-soat .top-menu-wizard .nav-num.nav-check {
          background-color: #1cc54f; } }
    .public-digital-soat .top-menu-wizard .nav-item {
      border-right: 1px solid #e5e5e5;
      border-bottom: 4px solid #e5e5e5; }
      .public-digital-soat .top-menu-wizard .nav-item:last-child {
        border-right: none; }
      .public-digital-soat .top-menu-wizard .nav-item.active {
        border-bottom-color: var(--soat-nav-active-color, #F07662); }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .public-digital-soat .top-menu-wizard .nav-item.active {
            border-bottom-color: #F07662; } }
        .public-digital-soat .top-menu-wizard .nav-item.active .nav-label {
          color: var(--soat-nav-label-active-color, #00008F); }
          @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            .public-digital-soat .top-menu-wizard .nav-item.active .nav-label {
              color: #00008F; } }
      .public-digital-soat .top-menu-wizard .nav-item.disabled {
        color: #b7b7b7; }
        .public-digital-soat .top-menu-wizard .nav-item.disabled .nav-num {
          background-color: transparent;
          border: 1px solid #b7b7b7;
          color: #b7b7b7;
          line-height: 1.3rem; }
      .public-digital-soat .top-menu-wizard .nav-item.mid-active .nav-label {
        color: var(--soat-main-color, #027180);
        font-weight: bold; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .public-digital-soat .top-menu-wizard .nav-item.mid-active .nav-label {
            color: #027180; } }
      .public-digital-soat .top-menu-wizard .nav-item.mid-active:before {
        content: "";
        display: block;
        position: absolute;
        width: 50%;
        height: 4px;
        background-color: var(--soat-nav-active-color, #F07662);
        bottom: -4px;
        left: 0px; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .public-digital-soat .top-menu-wizard .nav-item.mid-active:before {
            background-color: #F07662; } }
  .public-digital-soat .vehicle-data,
  .public-digital-soat .user-data {
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid var(--soat-third-color, #F5F5F5);
    background-color: #FFFFFF; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .vehicle-data,
      .public-digital-soat .user-data {
        border: 1px solid #F5F5F5; } }
    .public-digital-soat .vehicle-data .axa-options label a,
    .public-digital-soat .user-data .axa-options label a {
      text-decoration: underline; }
  .public-digital-soat .vehicle-data-header,
  .public-digital-soat .user-data-header {
    background-color: var(--soat-third-color, #F5F5F5); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .vehicle-data-header,
      .public-digital-soat .user-data-header {
        background-color: #F5F5F5; } }
  .public-digital-soat .vehicle-data .begin-date {
    background-color: var(--soat-main-color, #027180);
    /*IE */
    color: #FFFFFF; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .vehicle-data .begin-date {
        background-color: #027180; } }
  .public-digital-soat .vehicle-data .end-date {
    background-color: var(--soat-second-color, #00ADC6);
    color: #FFFFFF;
    /*IE */ }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .vehicle-data .end-date {
        background-color: #00ADC6; } }
  .public-digital-soat .vehicle-data .data-value .info-icon {
    font-size: 1.1rem; }
  .public-digital-soat .header-icon {
    font-size: 2.5rem; }
    .public-digital-soat .header-icon em {
      color: var(--soat-icon-color, #00008F); }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .public-digital-soat .header-icon em {
          color: #00008F; } }
  .public-digital-soat .top-title {
    font-size: 1.1rem;
    line-height: 1.5rem; }
  .public-digital-soat #soat-payment-values .tooltip-help.soat-tooltip {
    top: 10px;
    right: 16px;
    z-index: 1; }
    .public-digital-soat #soat-payment-values .tooltip-help.soat-tooltip:after {
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
      width: 16px;
      height: 16px;
      background-color: var(--soat-tooltip-background-color, #FFFFFF);
      display: block;
      z-index: -1;
      border-radius: 50%; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .public-digital-soat #soat-payment-values .tooltip-help.soat-tooltip:after {
          background-color: #FFFFFF; } }
  .public-digital-soat .vehicle-details {
    border-bottom: 1px solid #e5e5e5; }
  .public-digital-soat #collapseVehicleData.collapse.show + .foot-button .show-more-btn,
  .public-digital-soat #collapseVehicleData.collapsing + .foot-button .show-more-btn {
    display: none; }
  .public-digital-soat #collapseVehicleData.collapse:not(.show) + .foot-button .show-minus-btn {
    display: none; }
  .public-digital-soat .soat-discount {
    background-color: var(--soat-discount-background-color, #027180);
    color: var(--soat-discount-color, #FFFFFF);
    /*IE*/ }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .soat-discount {
        background-color: #027180; } }
    .public-digital-soat .soat-discount #value {
      font-weight: bold;
      font-size: 1.5rem;
      line-height: 1.5rem; }
    .public-digital-soat .soat-discount #subtitle {
      font-size: 0.9rem;
      line-height: 0.6rem; }
    .public-digital-soat .soat-discount .discount-icon {
      font-size: 2.2rem; }
  .public-digital-soat .soat-value {
    background-color: var(--soat-value-background-color, #F5F5F5);
    color: var(--soat-value-color, #999999); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .soat-value {
        background-color: #F5F5F5; } }
    .public-digital-soat .soat-value #subtitle {
      font-size: 0.9rem;
      line-height: 0.6rem; }
    .public-digital-soat .soat-value #value {
      font-weight: bold;
      font-size: 1.5rem;
      line-height: 1.5rem; }
  .public-digital-soat .soat-total-value {
    background-color: var(--soat-total-value-background-color, #00ADC6);
    color: var(--soat-total-value-color, #FFFFFF); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .public-digital-soat .soat-total-value {
        background-color: #00ADC6; } }
    .public-digital-soat .soat-total-value #value {
      font-weight: bold;
      font-size: 1.8rem;
      line-height: 1.5rem; }
    .public-digital-soat .soat-total-value #subtitle {
      font-size: 0.75em; }
  .public-digital-soat .rotate-180:before {
    display: inline-block;
    transform: rotate(180deg); }
  .public-digital-soat .steps-nav-buttons button {
    padding: 0.7rem 1.5rem;
    font-weight: 600; }
  .public-digital-soat #vehicle-data.active {
    background-color: var(--soat-licence-plate-background-color, #fcd385);
    color: var(--soat-licence-plate-color, #333333);
    border-radius: 0.3rem;
    z-index: 0;
    left: -0.6rem;
    position: relative;
    padding: 0.2rem 0.6rem; }
  .public-digital-soat .axa-program-message {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #cccccc;
    border-radius: 5px; }
    .public-digital-soat .axa-program-message em {
      font-size: 1.8rem;
      color: var(--soat-icon-color, #00008F); }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .public-digital-soat .axa-program-message em {
          color: #00008F; } }
    .public-digital-soat .axa-program-message span {
      font-size: 0.938rem; }
  @media (max-width: 991px) {
    .public-digital-soat #soat-payment-values .tooltip-help.soat-tooltip {
      top: 6px; }
    .public-digital-soat #soat-payment-values .complete .tooltip-help.soat-tooltip {
      top: 3px;
      right: 13px; }
    .public-digital-soat .right-info-container {
      display: flex;
      flex-flow: column wrap;
      justify-content: center; }
    .public-digital-soat .bottom-float-info {
      position: fixed;
      background-color: var(--soat-second-color, #00ADC6);
      bottom: 0px;
      left: 0px;
      right: 0px;
      z-index: 3; } }
  @media all and (max-width: 991px) and (-ms-high-contrast: none), (max-width: 991px) and (-ms-high-contrast: active) {
    .public-digital-soat .bottom-float-info {
      background-color: #00ADC6; } }
  @media (max-width: 991px) {
    .public-digital-soat .top-menu-wizard {
      position: fixed;
      z-index: 3;
      top: 0;
      background: #FFFFFF;
      min-width: 100%; }
    .public-digital-soat .soat-discount {
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem; }
    .public-digital-soat #subtitle {
      margin-right: 0.3rem; }
    .public-digital-soat .soat-value {
      background-color: transparent;
      color: #FFFFFF; }
    .public-digital-soat .soat-discount #value,
    .public-digital-soat .soat-value #value {
      font-size: 0.938rem;
      line-height: 1.2rem; }
    .public-digital-soat .soat-discount #subtitle,
    .public-digital-soat .soat-value #subtitle,
    .public-digital-soat .soat-total-value #subtitle {
      font-size: 0.813rem; }
    .public-digital-soat .soat-total-value #value {
      font-size: 1.875rem; }
    .public-digital-soat #edit-button-step-2 {
      background-color: #FFFFFF;
      border-bottom: 1px solid #e7e7ed; } }