.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,
.inail-input[type="select"]: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;
} */

/* ✅ Normal input with content (but no error) */
.inail-input[type="text"]:not(:placeholder-shown):not(.inail-input-error),
.inail-input[type="number"]:not(:placeholder-shown):not(.inail-input-error) {
  border: 2px solid #002e5f !important;
}

/* ✅ Normal input after blur (but no error) */
.inail-input[type="text"]:not(:focus):not(:placeholder-shown):not(.inail-input-error),
.inail-input[type="number"]:not(:focus):not(:placeholder-shown):not(.inail-input-error) {
  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;
}

.inail-div-message {
  height: 28px;
  max-width: 100%;
  margin-bottom: 16px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* NEW STYLE FILE UPLOADER */
.inail-file-uploader-text-container {
  visibility: hidden;
  list-style: none;
  padding: 0px;
}

/* .inail-uploader-spinner .progress {
  display: none !important;
} */

.inail-file-uploader-icon-reset {
  /* display: none; */
  display: inline;
  color: #0059B8;
}

.inail-file-uploader-icon-success {
  display: none;
}

/* .inail-file-uploader-icon-error {
  display: none;
} */
.inail-file-icon-size {
  font-size: 16px !important;
}
.inail-file-uploader-text-container li:last-child .inail-divider {
  display: none;
}

.fileUpload .inail-button {
  cursor: pointer !important;
}

.inail-file-uploader-button-group .fileUpload {
  text-transform: none !important;
  cursor: pointer !important;
  top: 0px !important;
  height: inherit !important;
}

/* ****************************** */

.inail-file-uploader-subtitle {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  vertical-align: middle;
  color: #54595D;
}

.inail-file-uploader-label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  /* text-align: center;
  vertical-align: middle; */
}

.inail-file-uploader-label-error {
  color: #C9291B !important;
}

.flex-column {
  flex-direction: column;
}

.inail-file-uploader-icon .fa-check-circle {
  color: #0E821A !important;
}

.inail-file-uploader-icon-error {
  color: #C9291B !important;
}

.inail-file-uploader-icon .fa-exclamation-circle {
  color: #C9291B !important;
}

.inail-file-uploader-error-hint {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #C9291B;
}

.inail-file-uploader-title .inail-label-tooltip-container .fa-question-circle {
  color: #002E5F !important;
}

.inail-file-uploader-title .inail-label-tooltip-container .inail-label-tooltip {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 8%;
  vertical-align: middle;
  text-transform: uppercase;
}

.innerx2 {
  display: none;
  cursor: pointer;
  color: #0059B8;
}

.fileUpload .inail-button {
  margin: 4px;
}

.inail-file-uploader-icon .inail-button-download {
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 4px;
}

.inail-file-uploader-icon .inail-button-download:focus {
  outline: 2px solid #19191A;
}