//Bootsrap 
.align-items-baseline {
  align-items: baseline !important;
}

/* Input */
.mat-mdc-input-element {
  color: #000000 !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  background-color: #fff !important;
  border: 1px solid #afafaf !important;
  font-size: 1em !important;
  display: block !important;
  width: 100% !important;
  height: 34px !important;
  padding: 6px 12px !important;
  line-height: normal !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s !important;
  margin-top: 2px !important;
}

.inail-mat-no-label-field .mat-mdc-form-field-infix {
  padding-top: 0px !important;
  min-height: 36px !important;
}

.inail-mat-no-label-field .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}

.inail-mat-no-label-field .mat-mdc-input-element {
  margin-top: 0px !important;
}

/* Stile input al focus */
// .mat-mdc-input-element:focus {
//   outline: 2px auto !important;
//   outline-color: currentcolor !important;
//   outline-color: #000 !important;
//   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
//     0 0 8px rgba(102, 175, 233, 0.6) !important;
//   border-color: #66afe9 !important;
// }

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover {
  background-color: transparent !important;
}

.mdc-line-ripple {
  display: none !important;
}

.mat-mdc-form-field-focus-overlay {
  display: none !important;
}

.mdc-text-field--filled.mdc-text-field--disabled {
  background-color: transparent !important;
}

.mdc-text-field {
  padding: 0px !important;
  overflow: inherit !important;
}

/* Input disabilitato */
button[disabled],
html input[disabled] {
  cursor: not-allowed !important;
  background-color: #eeeeee !important;
  opacity: 1 !important;
}

/* Mat form field */
mat-form-field {
  width: 100% !important;
}

/* Stile label per input */
mat-label {
  font-size: 19px !important;
  color: #000;
}

/* Input in errore */
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input {
  border: 1px solid #c9291b !important;
}

.mdc-text-field__input:focus {
	outline: 2px auto !important;
  outline-color: #000 !important;
}

.mat-mdc-form-field-error {
  color: #c9291b !important;
  font-weight: bold !important;
  word-wrap: break-word !important;
  font-size: 14.44px !important;
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above>mat-label {
  color: #c9291b !important;
  font-weight: bold !important;
}

.mat-mdc-form-field-error-wrapper,
.mat-mdc-form-field-hint-wrapper {
  padding-left: 0px !important;
}

/* Input con tooltip */
.popover-title {
  color: #002e5f !important;
  font-family: "Open Sans semibold", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
}

.mat-mdc-form-field-infix:has(.inail-mat-label-tooltip) {
  padding-top: 0 !important;
}

.inail-mat-label-tooltip {
  font-size: 14.44px !important;
  color: black !important;
  line-height: 20.6333px !important;
}

.inail-mat-label-combobox {
  margin-bottom: 6px !important;
  font-size: 19px !important;
  color: black !important;
  line-height: 20.6333px !important;
}

/* Tooltip position */
.inail-mat-tooltip {
  margin-top: -5px !important;
}

.inail-mat-label-tooltip-container {
  margin-bottom: 0.36rem !important;
}

.mat-mdc-form-field-infix {
  padding-bottom: 0 !important;
}

.inail-mat-input-form-tabellare.mat-mdc-form-field,
.inail-mat-input-form-tabellare.mat-mdc-text-field-wrapper,
.inail-mat-input-form-tabellare.mat-mdc-form-field-flex {
  min-height: 30px !important;
  height: auto !important;
  min-width: fit-content !important;
  max-width: fit-content !important;
}

.inail-mat-input-form-tabellare .mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: fit-content !important;
  min-height: 30px !important;
  height: auto !important;
  min-width: fit-content !important;
  max-width: fit-content !important;
}

.inail-mat-input-form-tabellare .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}

.inail-mat-input-form-tabellare .mat-mdc-input-element.completeInput {
  border: solid 3px #0e821a !important;
}