/* TITLES & HEADINGS within the doc. Full control, rather than h1/h2/etc */
.rptTabl .notice-text {
  margin-bottom: 8px ;
}

.rptSubTitle {
  font-weight: bold !important ;
  font-size: 80% !important ;
}

h4.rptTitle {
  font-size: 1.45vw ;
}
h4.rptTitle > strong {
  font-size: 120% ;
}

.rptTable, .scoringKey, .tierInfo, .lit.search.date, .references {
  font-size : 1.1vw ;
}

/* REPORT TABLE */
.rptTable {
  border: 2px solid black ;
  font-size: 1.1vw ;
}

.rptTable .h4 {
  font-size: 1.4vw !important;
}

.rptTable .row.colHeader.lvl3 {
  font-weight: bold ;
  font-size: 1.2em ;
  background-color: #A6A6A6 ;
  border-top: 2px solid black ;
  border-bottom: 2px solid black ;
}

.rptTable .data.colHeader.row {
  background-color: white;
}
.data.colHeader .paragraph {
  padding: 1px 0px 1px 0px;
}

.rptTable .colHeader.lvl1 {
  background-color: #7D9C40 ;
  border-bottom: 2px solid black ;
  color: black ;
}

.rptTable .colHeader.lvl1 .attr .name {
  font-weight: bold ;
}

.rptTable .colHeader.lvl1 .values {
  font-style: italic ;
}

.rptTable .colHeader.lvl2 {
  background-color: white ;
  font-weight: bold ;
}

.rptTable .gene-syndrome:not(:last-child):after {
  content: ";" ;
}

.rptTable .sectionName {
  font-weight: bold !important ;
}

.rptTable .sectionSubName {
  display: inline-block ;
  padding-left: 2em ;
  margin-top: 5px ;
  color: #C00000 !important ;
  font-weight: bold !important ;
  font-size: 70% !important ;
}

.rptTable .allContentsAndRefs {
  border-left: 1px solid black ;
}

.rptTable .data.row {
  overflow: hidden ;
  display: flex ;
  background-color: #F1F1F1 ;
}

.rptTable .row.odd {
  background-color : #E4DFEB !important ;
}
.rptTable .row.odd .row {
  background-color : #E4DFEB !important ;
}

.rptTable .topic {
  align-self: center ;
  font-weight: bold ;
  padding-left: 5px ;
  padding-right: 5px ;
  /* Full height borders trick for bootstrap grid-cells */
  padding-bottom: 2000px ;
  margin-bottom: -2000px ;
  height: 100% ;
}

.rptTable .topic .subTopic {
  font-weight: normal ;
  font-size: 0.92em ;
}

.rptTable .narrative {
  align-self: flex-start ;
  /* border-left: 1px solid black ; */ /* handled by allContentsAndRefs rule now */
  border-right: 1px solid black ;
  /* Full height borders trick for bootstrap grid-cells */
  padding-bottom: 2000px ;
  margin-bottom: -2000px ;
  height: 100% ;
}
.rptTable .narrative.colName {
  border-left: 1px solid black ;
}

/* Only make dashed border for FIRST relative risk. Luckily AbstractTemplateProducer allows us to tag the items systematically. */
.rptTable .contentAndRefs.itemIdx_0 div.narrative.relative_risk {
  border-top: 1px dotted darkgrey ;
}

.rptTable .narrative .cellBottom {
  border-top: 1px solid black ;
  margin-left: -15px ;
  margin-right: -15px ;
  padding-left: 15px ;
  padding-right: 15px ;
}

.rptTable .narrative div.pgap {
  line-height: 0.5em ;
}

.rptTable .refs {
  align-self: top ;
  font-size: 0.92em ;
  padding-left: 5px !important ;
  padding-right: 5px !important ;
  /* Full height borders trick for bootstrap grid-cells */
  padding-bottom: 2000px ;
  margin-bottom: -2000px ;
  height: 100% ;
}

/* SCORING TABLE - tweaks on REPORT TABLE */
.rptTable.scrTable .colHeader.lvl2.row {
  background-color: #D9D9D9 ;
  border-bottom: 1px solid black;
  overflow: hidden;
  display: flex ;
}

.rptTable.scrTable .colHeader.lvl3.row {
  border-top: none ;
  border-bottom: 1px solid black ;
}

.rptTable.scrTable .severity,.likelihood,.effectiveness,.noi,.totalScore {
  align-self: start ;
  border-left: 1px solid black ;
  /* Full height borders trick for bootstrap grid-cells */
  padding-bottom: 2000px ;
  margin-bottom: -2000px ;
  height: 100% ;
}

.rptTable.scrTable .oiPair {
  align-self: start ;
  /* Full height borders trick for bootstrap grid-cells */
  padding-bottom: 2000px ;
  margin-bottom: -2000px ;
  height: 100% ;
}

.rptTable.scrTable .data.row {
  border-bottom: 1px solid lightgrey ;
}
.rptTable.scrTable .data.row:last-child {
  border-bottom: 1px solid lightgrey !important;
}

.data .paragraph {
  padding: 5px 0px 5px 0px ;
}

.data .narrative .paragraph {
  display: block ;
}

.data .refs .paragraph {
  display : block ;
}

.data .tierText {
  font-weight: bold ;
}

.tierInfo {
  margin-top: 20px ;
}

.tierDefs {
  margin-left: 1.2em ;
}

/* INLINE REF NUMBERS */

/* For last span child, this will be overridden with a more specific rule that adds ")" as the after content */
.paragraph span.ref.link::after {
  content: ", ";
}
.paragraph span.ref.link:first-child::before {
  content: "(";
}
.paragraph span.ref.link:last-child::after {
  content: ")";
}

/* SCORING KEY & FOOTNOTES */

.footnote.inline {
  font-size: 0.5em ;
  padding: 0;
  position: relative;
  top: -1em;
  left: -0.5em;
}

.footnote-entry {
  text-indent: -1.4em ;
  margin-left: 1em ;
}

.footnotes {
  font-size : 0.9em ;
  margin-left: 1.5em ;
}

/* LIT SEARCH DATE INFO */
.lit.search.date {
  margin-top : 1em;
}

.lit.search.date .title {
  font-weight: bold ;
  text-decoration : underline ;
}

/* REFERENCE LIST */
.references .lvl2.title {
  font-size: 16px ;
  font-weight: bold ;
  display: inline-block ;
  width: 98% ;
  margin: 20px 0px 8px 8px ;
}

.ref.section {
  margin: 5px 0px 5px 8px ;
}
.broken {
 /* color: red ; */
}
.ref.section .idx {
  font-weight: bold ;
}
.ref.section .title {
  font-style: italic ;
}
.ref.section .journal {
  text-decoration: underline ;
}
.ref.section .year .value {
  font-weight: bold ;
}
.ref.section .link {
  /* font-variant: super ; */
  vertical-align: super ;
  font-size: 0.88em ;
  color: gray ;
  font-weight: bold ;
}
.ref.section .link a {
  text-decoration: none !important ;
}
.ref.section a.link.fa-external-link {
  color: blue !important ;
}

.ref .refNum {
  max-width: 2.5em ;
  padding-left: 0px ;
  padding-right: 0px ;
  margin-top: 5px ;
  margin-bottom: 5px ;
}

.ref .citation {
  margin-top: 5px ;
  margin-bottom: 5px ;
}