@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://fonts.cdnfonts.com/css/satoshi");
.invoice-detail-page {
  /*color: red !important;*/
  border: 3px solid red;
}

.invoice-items-table table {
  table-layout: fixed;
  width: 100%;
}
.invoice-items-table .mud-table-head .mud-table-cell {
  padding: 4px 6px;
  font-size: 0.75rem;
  font-weight: 600;
  /*white-space: nowrap;*/
}
.invoice-items-table .mud-table-body .mud-table-cell {
  padding: 4px 6px;
  vertical-align: middle;
}
.invoice-items-table .mud-input-control {
  width: 100%;
  margin: 0;
}
.invoice-items-table .mud-input-control .mud-input-slot {
  margin: 0;
}
.invoice-items-table .text-end input {
  text-align: right;
}
.invoice-items-table .text-center {
  text-align: center;
}
.invoice-items-table .invoice-actions-cell {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  padding: 0 2px;
}

/*@use "components/invoice-items-table";*/