.table3 {
  border-spacing: 0;
  border-collapse: collapse;
  white-space: nowrap;
}
.table3 td, .table3 th {
  overflow: hidden;
  border: 1px solid #c3c3c3;
  padding: 1px 3px;
}
.table3 td {
  vertical-align: top;
}
.table3 th {
  text-align: center;
  vertical-align: middle;
}



.table2 {
  display: table;
  white-space: nowrap;
  border-spacing: 0;
  border-collapse: collapse;
  width: 0;
}
.table2 .tr {
  display: table-row;
/*  line-height: 16px;*/
}
.table2 .tr > span {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid #c3c3c3;
  padding: 1px 3px;
}
.table2 .tr.th > span {
  text-align: center;
  vertical-align: middle;
}

.table {
  display: table;
  white-space: nowrap;
  border-spacing: 0;
}
.table .tr {
  display: table-row;
  white-space: nowrap;
  line-height: 16px;
}
.table .tr > span {
  display: inline-block;
  width: 120px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  overflow: hidden;
  border: 1px solid #c3c3c3;
  border-width: 0 1px 1px 0;
  padding: 0 3px;
}
.table .tr > span.open {
  position: relative;
  overflow: visible;
}
.table .tr > span:first-child {
  border-left-width: 1px;
}
.table .th > span {
  border-top-width: 1px;
}
.table .th > span {
  text-align: center;
  font-weight: bold;
}

.table .tr > span span.checkbox {
  margin: 2px 4px;
}
.table .whitespace {
  height: 10px;
  border-bottom: 1px solid #C3C3C3;
}
.block01 > span.title {
  margin: 0 10px 0 0;
  color: #888888;
  vertical-align: top;
}
.block01.buttons {
  margin: 10px 0 0;
}
.block01 .title {
  padding: 2px 15px;
}


table.excel {
  border-spacing: 0;
  border-collapse: collapse;
}
table.excel th, table.excel td {
  font-size: 95%;
  padding: 2px 3px;
  border: 1px solid rgb(218, 220, 221);
}
table.excel tr:hover td {
  background-color: rgb(240,240,240);
}
table.excel td[type='integer'],
table.excel td[type='number'],
table.excel td[type='percent'] {
  text-align: right;
}
table.excel td[zero='true'],
table.excel td[type='percent'] {
  color: rgb(217,217,217);
}


.gridTable {
  display: grid;
  grid-template: auto / auto;
  grid-auto-flow: row;
  
  white-space: nowrap;
}
.gridTable .gridHead,
.gridTable .gridBody,
.gridTable .gridRow {
  display: contents;
}
.gridTable .gridRow {
  position: relative;
}

.gridTable .gridRow > span {
  padding: 5px;
  border-top: 1px solid #dee2e6;
}