.inail-input {
  /*     min-width: 240px !important; */
  border: 1px solid #a9aeb1 !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  min-height: 40px  !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  vertical-align: middle !important;
  color: #19191a;
  margin:4px 0  ;
}

.inail-label {
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: 1px !important;
  vertical-align: middle !important;
  text-transform: uppercase !important;
  color: #19191a !important;
  padding-left: 8px !important;
  margin-bottom: 0 !important;
  width: max-content !important;
}

.inail-input:hover {
  background-color: #ebf4ff !important;
}

.inail-input:focus {
  outline: none !important;
  box-shadow: none !important;
}

.inail-input::placeholder {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  vertical-align: middle !important;
  color: #54595D !important;
}

.inail-input:disabled {
  background-color: #e4e5e9 !important;
}

.inail-span-ht,
.inail-span-error {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 0 8px ;
}

.inail-span-error {
  color: #c9291b; 
}

.inail-span-ht {
  color: #54595d;
}

.inail-input-error {
  border: 2px solid #c9291b !important;
}

/*When input is focused (e.g., via Tab), border turns black */
.inail-input[type="text"]:focus,
.inail-input[type="number"]:focus,
select.inail-input:focus {
  outline: 1px solid #1a1a1a !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Change border to red when the input has content */
.inail-input[type="text"]:not(:placeholder-shown),
.inail-input[type="number"]:not(:placeholder-shown) {
  border: 2px solid #002e5f !important;
  /* outline: none !important; */
}

/* When input loses focus*/
.inail-input[type="text"]:not(:focus):not(:placeholder-shown),
.inail-input[type="number"]:not(:focus):not(:placeholder-shown) {
  border: 1px solid #a9aeb1 !important;
}

.inail-input[type="text"]:not(:focus):not(:placeholder-shown).completeInput,
.inail-input[type="number"]:not(:focus):not(:placeholder-shown).completeInput {
  border: 3px solid #0e821a !important;
}
