portal-www/src/styles/reportHTML-custom.css

Nova Portal Website. Based on Next starter by Ueno

/* weight for date text */
#oReportCell .a21c,
#oReportCell .a91c {
  font-weight: 600;
}

/* colors for date text */
.color-purple #oReportCell .a21c,
.color-purple #oReportCell .a91c {
  color: #5a2581;
}

.color-pink #oReportCell .a21c,
.color-pink #oReportCell .a91c {
  color: #e52e64;
}

.color-ocean #oReportCell .a21c,
.color-ocean #oReportCell .a91c {
  color: #12aa95;
}

/* Total info */
#oReportCell .a103c {
  font-weight: 600;
}

/* Header row of each day */
#oReportCell .a21c,
#oReportCell .a91c,
#oReportCell .a103c {
  padding: 30px 0;
}

/* Bottom row of each day */
#oReportCell td.a33c,
#oReportCell td.a133c,
#oReportCell td.a137c,
#oReportCell td.a141c,
#oReportCell td.a145c,
#oReportCell td.a149c {
  padding-bottom: 30px;

  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f3f3f3;

  font-weight: 600;
}

/* total for mont */
#oReportCell td.a44c,
#oReportCell td.a187c,
#oReportCell td.a191c {
  font-weight: 600;
  font-size: 18px;
}

/* remove one col in all rows to remove empty cell on left */
#oReportCell td.a9c,
#oReportCell td.a27c,
#oReportCell td.a95c,
#oReportCell td.a33c,
#oReportCell td.a175c {
  display: none;
}

#oReportCell > div > table > tbody > tr:nth-child(2) td.a49c,
#oReportCell > div > table > tbody > tr:nth-child(2) td.a53c,
#oReportCell > div > table > tbody > tr:nth-child(2) td.a57c {
  position: relative;
}

#oReportCell > div > table > tbody > tr:nth-child(2) td.a53c::after,
#oReportCell > div > table > tbody > tr:nth-child(2) td.a49c::after,
#oReportCell > div > table > tbody > tr:nth-child(2) td.a57c::after {
  display: block;
  position: absolute;
  top: 30px;
  text-transform: capitalize;
}

#oReportCell > div > table > tbody > tr:nth-child(2) td.a49c::after {
  content: 'Tími';
}

#oReportCell > div > table > tbody > tr:nth-child(2) td.a53c::after {
  content: 'Tegund';
}

#oReportCell > div > table > tbody > tr:nth-child(2) td.a57c::after {
  content: 'Númer';
}