:root {
  --wash-reception-span-level1-left-padding: 7em;
  --wash-reception-span-level2-left-padding-adjustment: 2em;
  --wash-reception-span-level1-content-length: 18em;
  --aggregate-span-level1-left-padding: 7em;
  --aggregate-span-level2-left-padding-adjustment: 2em;
  --aggregate-span-level1-content-length: 60em;
}

.history-table {
  font-size: 10pt;
  justify-content: center;
  align-items: center;
}

.history-table thead tr, .history-table tfoot tr {
  background-color: #cce5ff;
}

th.topping {
  border-bottom: 1px solid #cce5ff !important;
}

th.none {
  border-top: 1px solid #cce5ff !important;
  padding: 0 !important;
}

td.topping-cell {
  min-width: 30px;
}

tr.border-bottom td {
  border-bottom: 1px solid black !important;
}

tr.border-top td {
  border-top: 1px solid black !important;
}

/* **************************************************************************************************** */

.child-table thead tr {
  background-color: #fff3a0 !important;
}

.child-table thead tr th span {
  float: left;
}

.child-table tbody tr {
  background-color: #fff3cd !important;
}

/* **************************************************************************************************** */

ul.wash-reception {
  margin-left: -20px;
}

ul.wash-reception.level1 span.item {
  display: inline-block;
  width: var(--wash-reception-span-level1-left-padding);
}

ul.wash-reception.level1 div.content {
  max-width: calc(var(--wash-reception-span-level1-left-padding) + var(--wash-reception-span-level1-content-length) + (3em - var(--wash-reception-span-level2-left-padding-adjustment) ));
  height: 100%;
  margin-top: -20px;
  padding-left: calc(var(--wash-reception-span-level1-left-padding) + 1em);
}

ul.wash-reception ul.level2 div.content {
  max-width: calc(var(--wash-reception-span-level1-left-padding) + var(--wash-reception-span-level1-content-length) + (3em - var(--wash-reception-span-level2-left-padding-adjustment) ) - 1em );
  height: 100%;
  margin-top: -20px;
  padding-left: calc(var(--wash-reception-span-level1-left-padding) - (3em - var(--wash-reception-span-level2-left-padding-adjustment)) + 1em);
}

ul.wash-reception ul.level2 li {
  list-style: none;
  margin-left: calc( 0em - var(--wash-reception-span-level2-left-padding-adjustment) );
}

ul.wash-reception ul.level2 span.item {
  display: inline-block;
  width: calc(var(--wash-reception-span-level1-left-padding) - (3em - var(--wash-reception-span-level2-left-padding-adjustment)));
}

/* **************************************************************************************************** */

ul.aggregate {
  margin-left: -20px;
}

ul.aggregate.level1 span.item {
  display: inline-block;
  width: var(--aggregate-span-level1-left-padding);
}

ul.aggregate.level1 div.content {
  max-width: calc(var(--aggregate-span-level1-left-padding) + var(--aggregate-span-level1-content-length) + (3em - var(--aggregate-span-level2-left-padding-adjustment) ));
  height: 100%;
  margin-top: -20px;
  padding-left: calc(var(--aggregate-span-level1-left-padding) + 1em);
}

ul.aggregate ul.level2 div.content {
  max-width: calc(var(--aggregate-span-level1-left-padding) + var(--aggregate-span-level1-content-length) + (3em - var(--aggregate-span-level2-left-padding-adjustment) ) - 1em );
  height: 100%;
  margin-top: -20px;
  padding-left: calc(var(--aggregate-span-level1-left-padding) - (3em - var(--aggregate-span-level2-left-padding-adjustment)) + 1em);
}

ul.aggregate ul.level2 li {
  list-style: none;
  margin-left: calc( 0em - var(--aggregate-span-level2-left-padding-adjustment) );
}

ul.aggregate ul.level2 span.item {
  display: inline-block;
  width: calc(var(--aggregate-span-level1-left-padding) - (3em - var(--aggregate-span-level2-left-padding-adjustment)));
}