.custom-input {
  /* width: 132px; */
  height: 36px;
  gap: 0px;
  position: relative;
  background-color: inherit;
}

.custom-input-field {
  /* width: 160px; */
  height: 36px;
  position: absolute;
  gap: 10px;
  font-size: 14px; /*DELETE TO RESTORE ORIGINAL FONT SIZE - XM*/
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-color: inherit;
  border-bottom-color: inherit;
}

.custom-input-field::placeholder {
  /* background-color: #f0f0f0; Change this to your desired color */
  color: #a0a0a0; /* Change this to your desired text color */
}

.custom-input-field:focus {
  background-color: inherit;
}

.form-control:disabled, .form-control[disabled] {
  -webkit-text-fill-color: white;
  background-color: inherit !important; /* Change this to your desired color */
  color: white !important; /* Optional: Change the text color */
  opacity: 0.5; /* Ensure the opacity is set to 1 */
  pointer-events: none;
}

.custom-input-field.form-control:disabled {
  color: white;
  background-color: inherit;
  opacity: 0.5;
  pointer-events: none;
}

.custom-input-field.form-control:focus {
  box-shadow: none;
  color: white;
  border-color: inherit;
}

.custom-input-field.form-label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 200;
  letter-spacing: 0.9px;
}

.custom-input-label {
  position: absolute;
  top: -10.5px;
  left: 8px;
  padding: 0px 4px 0px 4px;
  gap: 0px;
  font-family: Source Sans Pro;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.03em;
  text-align: left;
  background: inherit;
}

.optional-after {
  /* width: 160px; */
  height: 36px;
  gap: 10px;
  font-size: 14px; /*DELETE TO RESTORE ORIGINAL FONT SIZE - XM*/
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-color: inherit;
  padding: 0px 5px 0px 0px;
  border-bottom-color: #546B7C
  /* border-bottom-color: inherit; */
}

.optional-after sup {
  font-size: 80%;
  line-height: 1;
  vertical-align: super;
  margin-left: -10px;
  margin-right: -10px;
}

/* Change the color of the calendar icon */
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(75%); /*Adjust the percentage to change the color*/
  /* color: rgb(241, 241, 241) */
}