/* moved from default index.html */
body {
  padding-top: 0px;
  /* padding-bottom: 20px; */
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h2,
h3,
h4,
p,
li,
td,
div {
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans",
    "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans",
    "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

pre {
  word-break: normal; /* override bootstrap default break-all */
}

.pale {
  color: #bcb5d7;
}
.bright {
  color: #7c62a3;
}
.rich {
  color: #513775;
}
.dark {
  color: #382251;
}
.bold {
  font-size: larger;
  font-weight: bold;
}
.header {
  font-size: larger;
  font-weight: bold;
  border-bottom: solid 1px #bcb5d7;
}
.highlight {
  background: #dddaeb; /* paler version of .pale */
}
.label-bright,
.badge-bright {
  background: #7c62a3;
}
.accordion-toggle,
.accordion-toggle:hover,
.accordion-toggle:visited {
  color: #7c62a3;
}

.indent {
    margin-left: 1em;
}

.warning {
    color: #f00;
    font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.demographics { margin-top: 10px } /* separate from additional comments */
.demographics td {
  border-color: #bcb5d7;
  color: #513775;
  padding: 5px;
}

.diagnosis {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: bold;
  line-height: 25px; /* create space for wrapped lines with HMRN link sup */
  text-rendering: optimizelegibility;
  font-size: 16pt;
}

/* outreach data summary div */
.data_summary { margin-left: 2em; /* align underneath LH chart */ }
.data_summary td { padding: 2px 5px; }

.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 115px;
    margin-top: 10px;
    /* border-top: 1px solid #c0c0c0; // can't in case report body extends into footer */
}

.smaller { font-size: smaller }

.diagnosis-comment {
    font-size: 1.1em !important;
    font-weight: bold;
    color: #513775;
}

/* overrides & readability enhancements for printed report */
.text-error { color: #f00 } /* make redder */
.main-div p,
.main-div li,
.comments li { font-size: 1.1em }
h4 a { color: #513775 } /* make 'rich' */
/* end */

/* id OK as #nav-bar not used in print run: */
#nav-bar { /* absolute position doesn't work if page resized - image downsizes */
  right: 0px;
  position: absolute;
  top: 100px;
}
#user-id {
  right: 280px;
  position: absolute;
  top: 80px;
}
.main-div {
  border: 1px solid #bcb5d7;
  padding: 10px 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.comments {
  border: 1px solid #c0c0c0;
  padding: 10px 30px;
  margin-top: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

span.acronym {
  border-bottom: 1px dashed #00f;
  cursor: help;
}

/* outreach styles ----------- */
.outreachResults th {
  border: solid 1px #c0c0c0;
  background: #f0f0f0;
  color: #000080;
  /* font-size: 11px; */
}
.outreachResults td {
  padding: 5px; /* increase spacing */
  border: dotted 1px #c0c0c0; 
}
td.rangeFlag {
  border: dotted 2px #f00;
  font-weight: bold;
}
span.superscript { vertical-align: super; font-size: smaller }
/* ----------------------- */

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */