/* PAGE ITSELF */
div.projHeader .right-nav {
  line-height : 1em ;
  height : auto ;
  max-height : 100% ;
}
div.projHeader .right-nav span {
  position : relative ;
  top : 8px
}
div.projHeader img.logo {
  width : 120px ;
  height: auto ;
}
div.projHeader div.logo {
  width : 120px ;
  height: auto ;
  max-height: 100% ;
  padding-left: 30px ;
}
div#content {
  background-color: white ;
  font-family: Verdana, arial, helvetica ;
  margin: 0px 0px 30px 0px ;
  padding: 0;
}
#page {
  margin-left: 30px ;
  margin-right: 30px ;
  max-width : 96% ;
}

/* ALL LINKS */
a {
  color: #163e73 !important ; /* important, so applies to :hover, :visited etc too */
}
a.external {
  color: blue !important;  /* important, so applies to :hover, :visited etc too */
}

/* DOC RENDER */
#doc {
}

/* GENERIC */
.missing {
  font-style: italic ;
}
.smaller {
  font-size : 0.88em ;
  line-height : 1 ;
  color : #777777 ;
}
.sub, .sup {
  font-size: 0.8em ;
  line-height: 0;
  /* position: relative; */
}
.sup {
  vertical-align: super ;
}
.sub {
  /* bottom: -0.25em; */
}

.parsed-entity.large {
  font-size: 1.2em ;
}

/* TITLES & HEADINGS within the doc. Full control, rather than h1/h2/etc */
.rptTitle {
  color: black ;
}

.rptSubTitle {
  margin-top: 5px ;
  color: red !important ;
}

.rptTitle .links {
  font-size: 80%;
  line-height: 1;
  margin: 5px;
}

.rptTitle .links .link {
  padding-left: 0.5em;
  padding-right: 0.75em;
}

.rptTitle .links .link:not(:last-child) {
  border-right: 1px solid #5fa2dd;
}

.rptTitle .links .link .fa {
  margin-right: 0.25em ;
  font-size: 104% ;
}

.rptTitle .links .link, .rptTitle .links .link .fa,
.rptTitle .links .link:hover, .rptTitle .links .link .fa:hover,
.rptTitle .links .link:focus, .rptTitle .links .link .fa:focus,
.rptTitle .links .link:active, .rptTitle .links .link .fa:active,
.rptTitle .links .link:visited, .rptTitle .links .link .fa:visited {
  color : #5fa2dd !important ;
}

/* STATUS INFO */
.rptTitle .status {
  padding: 5px 10px 5px 10px ;
  line-height: 1.2em ;
}
/*.rptTitle .status.failed {*/
  /*background-color : #FFFBD5 ;*/
  /*color : #704C06 ;*/
  /*border : 1px solid #A59570 ;*/
/*}*/
.rptTitle .status.incomplete, .rptTable .status.incomplete {
  background-color : #FFFBD5 ;
  color : #B00000 ;
  border : 1px solid #B00000 ;
}
.rptTitle .status .attr-value .attr {
  font-weight : bold ;
  margin-right : 0.5em;
}

/* REPORT TABLE */
.rptTable {
}

.rptTable .notice-title {
  margin: 10px 0px 0px 0px;
  padding-left: 5px;
  color: red ;
}

.rptTable .notice-text {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  font-style: italic ;
  color: red ;
}

/* SPECIAL PRINTING RULES */
/* * Print rendering very subject to specific browser */
/* * Chrome is most consistent w.r.t. same rendering on screen as for printing. */
/* * Chrome on Android has background color (and images?) disabled, a common default, but no way to change the setting. */
/* * Firefox doesn't use the same rendering engine so some HTML gotchas can creep into print view that are not present in screen (fix your html/css to avoid. */
@media print {
  div.colHeader.lvl3.row {
    /* page-break-after: avoid ; */
  }
  div.data.row {
    /* page-break-inside: avoid ; */
  }
  /* Hide the blue menu/links when printing */
  .rptTitle .links {
    display : none ;
  }
  /* Hide the blue banner when printing? */
  .projHeader {
    /* display : none !important ; */ /* Unfortunately, need important to override the conflicting display rule for .projHeader */
  }
}