
.InvoiceLineProcess {
  grid-column: 1/3;
  min-width: 600px;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--ContentPadding));
}
.InvoiceLineProcess .Summary,
.InvoiceLineProcess .LineReport {
  display: grid;
  column-gap: var(--ContentPadding);
}
.InvoiceLineProcess .Summary {
  grid-template-columns: minmax(150px, auto) minmax(75px, auto) 1fr;
}
.InvoiceLineProcess .LineReport {
  grid-template-columns: minmax(250px, auto) minmax(75px, auto) 1fr;
  padding: var(--ContentPadding);
  border-radius: var(--BorderRadius);
  background-color: var(--RowEvenColor);
}
.InvoiceLineProcess .FullWidth {
  grid-column: 1/4;
}
.InvoiceLineProcess .Error {
  color: var(--AttentionColor);
}
.InvoiceLineProcess .Depth0.Company {
  font-weight: bold;
}
.InvoiceLineProcess .Label,
.InvoiceLineProcess .Value,
.InvoiceLineProcess .Bar {
  align-self: center;
}
.InvoiceLineProcess .Label {
  grid-column: 1;
}
.InvoiceLineProcess .Label.Finished {
  font-weight: bold;
}
.InvoiceLineProcess .Value {
  grid-column: 2;
  text-align: right;
  font-variant-numeric: tabular-nums lining-nums;
}
.InvoiceLineProcess .Value.Loading {
  display: flex;
}
.InvoiceLineProcess .Value.Loading::after {
  font-family: 'IcoFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.InvoiceLineProcess .Value.Loading::after {
  content: "\eff6";
}
.InvoiceLineProcess .Value.Loading::after {
  animation: Spin 1.5s linear infinite;
  display: inline-block;
}
.InvoiceLineProcess .Bar {
  grid-column: 3;
  width: 100%;
  height: var(--MessengerBarHeight);
  display: flex;
}
.InvoiceLineProcess .Bar .SubBar {
  height: 100%;
  transition: width 0.15s ease;
  background-color: var(--DisabledColor);
  border-radius: var(--BorderRadius);
}
.InvoiceLineProcess .Bar.Generated {
  display: none;
}
.InvoiceLineProcess .Summary.Marking .SubBar.Marked,
.InvoiceLineProcess .Summary.Validating .SubBar.Rejected,
.InvoiceLineProcess .Summary.Recalculating .SubBar.Recalculated,
.InvoiceLineProcess .Summary.Processing .SubBar.Parsed,
.InvoiceLineProcess .Summary.PostProcessing .SubBar.Recalulated,
.InvoiceLineProcess .Summary.UnMarking .SubBar.UnMarked {
  background-color: var(--SecondaryColor);
}
.InvoiceLineProcess .LineReport .Bar .SubBar.Rejected {
  background-color: var(--WarningColor);
}
.InvoiceLineProcess .Depth2 {
  margin-left: 15px;
}
.InvoiceNotification svg {
  width: 100%;
  height: var(--MessengerBarHeight);
  border-radius: var(--BorderRadius);
}
.InvoiceNotification svg rect {
  transition: width 0.15s ease;
}
.InvoiceNotification svg .Total {
  width: 100%;
  height: 100%;
  fill: var(--InputBackground);
}
.InvoiceNotification svg .Marked,
.InvoiceNotification svg .UnMarked {
  height: 100%;
  fill: var(--SecondaryColor);
}
.InvoiceNotification svg .Rejected {
  height: 100%;
  fill: var(--WarningColor);
}
.InvoiceNotification svg .ParsedLines {
  height: 100%;
  fill: var(--OkColor);
}
.Bar.Progress {
  height: var(--MessengerBarHeight);
  border: var(--BorderWidth) solid var(--BorderColor);
  border-radius: var(--BorderRadius);
  background-color: var(--InputBackground);
  display: flex;
}
.Bar.Progress .SubProgress {
  height: 100%;
  transition: width 0.15s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Bar.Progress .SubProgress div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Bar.Progress .SubProgress.Filtered {
  background-color: var(--WarningColor);
  color: var(--PrimaryColor);
}
.Bar.Progress .SubProgress.Processed {
  background-color: var(--OkColor);
  color: var(--LightTextColor);
}
.Bar.Progress.ExceptionOccured {
  background-color: var(--AttentionColor);
}
.Bar.Progress.ExceptionOccured .SubProgress {
  background-color: var(--AttentionColor);
}
.InvoiceProcessLog {
  grid-column: 1/3;
  min-width: 300px;
}
.InvoiceProcessLog .Message,
.InvoiceProcessLog .Counter {
  display: flex;
  justify-content: space-between;
  gap: var(--ContentPadding);
}
.InvoiceProcessLog .Message.Indent,
.InvoiceProcessLog .Counter.Indent {
  margin-left: 15px;
}
.InvoiceProcessLog .Message.Exception,
.InvoiceProcessLog .Counter.Exception {
  color: var(--AttentionColor);
}
.InvoiceProcessLog .Message {
  white-space: pre-wrap;
}
