.invoice {
  margin:4em 4em;
}
.invoice-from-to {
  display:grid;
  gap:5ex;
  grid-template-columns:1fr 1fr;
  margin-top:2ex;
}
.invoice-issuer {
  display:grid;
}
.invoice-recipient {
  display:grid;
}
.entity {
  border:1px solid black;
  padding:0.5ex 1ex;
  gap:1px;
  display:flex;
  flex-direction:column;
  justify-spacing:begin;
}
.entity > div {
  padding:0.5ex 0;
}
.entity-name {
}
.entity-address {
  border-top:1px solid black;
}
.entity .key-value:first-child {
  border-top:0;
}
.entity .key-value {
  border-top:1px solid black;
}

.address {
  //display:grid;
  display:grid;
  grid-template-columns:1fr;
  //grid-template-rows:1fr 5fr;
  //grid-template-columns:subgrid;
  //grid-template-rows:subgrid;
  align-items:end;
  justify-items:end;
}
.address > div {
  //grid-column:1 / span 3;
  //align-items:center;
  //justify-items:center;
}
.address .address-bottom {
  display:flex;
  flex-direction:row;
  //grid-template-columns:1fr 1fr 1fr;
  justify-items:spacing-around;
  align-items:center;
  //grid-template-columns:subgrid;
  //grid-template-rows:subgrid;
  gap:1ex;
  //grid-column-start:1;
  //grid-column-end:4;
}
.key-value {
  display:flex;
  flex-direction:row;
  justify-items:space-between;
  align-items:baseline;
  //grid-template-columns:1fr 3fr;
  gap:1ex;
  //border-top:1px solid black;
}
.key-value .key {
  //justify-self:end;
  font-weight:bold;
}
.key-value .value {
  //justify-self:begin;
}



.invoice-items {
  display:grid;
  grid-template-columns:max-content 5fr 1fr 1fr 1fr;
  margin-top:2ex;
  background:black;
  gap:2px 2px;
}
.invoice-items-head {
  display:grid;
  font-weight:bold;
  grid-template-columns:subgrid;
  grid-template-rows:subgrid;
  grid-column-start:1;
  grid-column-end:-1;
  //background-color:white;
  //gap:0;
}
.invoice-items-head .invoice-items-item {
  //background:#ccc;
  //background-color:#eeee00;
  background-color:#F6CD93;
  //background-color:#57ADC3;
  //background-clip:text;
  //border-top:1px solid black;
  //border-left:1px solid black;
  //border-right:1px solid black;
  //border-top-left-radius:2ex;
  //border-top-right-radius:2ex;

  padding-left:2ex;
  padding-right:2ex;
  padding-top:1ex;
  padding-bottom:0.5ex;
}
//.invoice-items-head .invoice-items-item:after {
//  position:absolute;
//  display:block;
//  content:'';
//  right:0;
//  bottom:0;
//  height:50%;
//  box-sizing:border-box;
//  width:100%;
//  border-bottom:1px solid black;
//}

.invoice-items-body {
  display:grid;
  grid-template-columns:subgrid;
  grid-template-rows:subgrid;
  grid-column-start:1;
  grid-column-end:-1;
}
.invoice-items-body.odd .invoice-items-item {
  //background:#DBE7D4;
}
.invoice-items-body.even .invoice-items-item {
  background:#E9F1E7;
}
.invoice-items-tail {
  display:grid;
  grid-template-columns:subgrid;
  grid-template-rows:subgrid;
  grid-column-start:1;
  grid-column-end:-1;
  background-color:white;
  gap:0;
}
.invoice-items-item {
  justify-self:stretch;
  align-self:stretch;
  background:white;
  padding:1ex 1ex;
}
.invoice-items-head .invoice-items-item {
  //align-self:end;
  text-align:center;
  display:grid;
}
.invoice-items-head .invoice-items-item > div {
  align-self:center;
}
.invoice-items-body .invoice-items-item {
  display:grid;
}
.invoice-items-body .invoice-items-item.invoice-items-item-Name > div {
  justify-self:stretch;
}
.invoice-items-body .invoice-items-item > div {
  align-self:center;
  justify-self:end;
}
.invoice-items-body .invoice-items-item-Name {
  text-align:left;
}
.invoice-items-tail .invoice-items-item {
  text-align:right;
  background-color:#ccc;
  border-bottom-left-radius:2ex;
  border-bottom-right-radius:2ex;
}
.invoice-items-item-Name {
  text-align:justify;
}
.invoice-items-tail .invoice-items-item-Totals {
  font-weight:bold;
  grid-column:span 3;
  background-color:white;
}

.invoice-items-item {
}
.invoice-items-tail .invoice-items-item-Sum {
  background-color:black;
  color:white;
  font-weight:bold;
  //border:1ex solid white;
  //border-radius:1ex;
  //margin:0.5ex 0.4ex 0.7ex;
  //padding:0.5ex 0.6ex 0.3ex;
}