.fpfx-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
.fpfx-flex-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    padding-right:3rem;
  }

  .fpfx-flex-single-column {
    
    padding-right:3rem;
  }

  .fpfx-full-width {
    width :100% !important;
  }
 
  .date-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.date-wrapper input[type="date"] {
  width: 100%;
  padding-right: 40px; /* space for the icon */
}

/* Hide native calendar icon */
.date-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* Font Awesome icon styling */
.calendar-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 1.2em;
}