html {
  font-size: 14px;
}

body {
  margin: 0;
  padding: 20px;
  background-color: white;
  color: black;
  font-family: "Open Sans", sans-serif;
}

#btnClose {
  display: none;
  position: fixed;
  right: 20px;
  top: 20px;
}

@media screen and (display-mode: fullscreen) {
  #btnClose {
    display: block;
  }
}
.row-heading {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}

.row-info {
  color: #333;
  font-size: 0.9rem;
  margin: 0 0 1rem;
}

.section .row-subheading {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 1rem 0 0.5rem;
}
.section table {
  border-collapse: collapse;
  /* Columns */
  /* Rows */
  /* Cells */
}
.section table.table-bordered td {
  border: 1px solid black;
}
.section table col.col-long-time {
  width: 10rem;
}
.section table col.col-short-time {
  width: 7.5rem;
}
.section table col.col-name {
  width: 15rem;
}
.section table col.col-total {
  width: 10rem;
}
.section table col.col-default {
  width: 10rem;
}
.section table col.col-xs {
  line-height: 5rem;
  width: 5rem;
}
.section table col.col-sm {
  line-height: 7.5rem;
  width: 7.5rem;
}
.section table col.col-lg {
  width: 15rem;
}
.section table col.col-xl {
  width: 20rem;
}
.section table tr:nth-child(2n+1) {
  background-color: #f9f9f9;
}
.section table tr.row-header {
  background-color: #ccc;
  font-weight: 600;
}
.section table tr.row-group {
  font-weight: 600;
}
.section table tr.row-total {
  background-color: #ccc;
  font-weight: 600;
}
.section table tr.row-xs {
  height: 0.5rem;
}
.section table tr.row-sm {
  height: 0.75rem;
}
.section table tr.row-lg {
  height: 2rem;
}
.section table tr.row-xl {
  height: 3rem;
}
.section table td {
  padding: 0.1rem;
  text-align: left;
  vertical-align: middle;
}
.section table td.cell-col-hdr {
  text-align: center;
}
.section table td.cell-row-hdr {
  font-weight: 600;
  text-align: center;
}
.section table td.cell-group {
  text-align: center;
}
.section table td.cell-data {
  text-align: center;
}
.section table td.cell-total {
  text-align: center;
}
.section table td.cell-center {
  text-align: center;
}
