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

.footer-actions {
  padding: 14px 15px; 
  background-color: #f9f9f9; 
  text-align: end;
}

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

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

mat-error {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

textarea {
  height: 72px !important;
  resize: none;
}

tr.example-element-row:not(.example-expanded-row):hover {
  background: whitesmoke;
  cursor: pointer;
}