h1, h2, h3, h4, h5 {
   text-align: left;
}

h1 {
   font-weight: 900;
   margin-bottom: 24px;
}

ul {
   padding-left: 54px;
}

li {
   text-align: left;
}

dl {
   width: 100%;
   overflow: hidden;
}

dt {
   float: left;
   clear: left;
   width: 15%;
   padding: 0 8px 0 0;
   margin: 0 0 4px;
   text-align: right;
}

dd {
   float: left;
   width: 85%;
   padding: 0;
   margin: 0 0 4px;
   text-align: left;
}

body.home .navbar .page-logo {
   display:none;
}

.navbar-nav {
   margin-left: auto !important;
}

#total {
   width: 65%;
}

#units {
   width: 35%;
}

#createdBy div {
   margin-bottom: 14px;
}

#createdBy label, #createdBy em {
   display:block;
   margin:0;
}

label.control-label {
   text-align: right;
}

#scrollMenu {
   position: fixed;
}

.ex {
   color: rgb(87, 189, 188);
}

.spacer1 {
   margin-top: 40px;
}

.spacer2 {
   margin-top: 60px;
}

.nav .list-group-item {
   padding: 0;
}

.img-thumbnail {
   box-shadow: inset 0 1px 2px #000;
   padding: 6px;
   margin-top: 4px;
}

table.table-curved td {
   text-align: center;
}

table.table-curved thead th {
   text-align: center;
   color: #fff;
   vertical-align: middle;
    background: #756d65 !important;
}

#home,
#result,
#error {
   display: none;
}

#error {
   margin-top: 24px;
}

#error svg.bi {
   width:16px;
   height:16px;
}

#result {
   font-size: .85rem;
}

.alert .cont {
   position: relative;
   bottom: -2px;
}

input.url {
   cursor: pointer !important;
   text-align: center;
}

svg {
   background: transparent;
}

.axis path,
.axis line {
   fill: none;
   stroke: #888;
   stroke-width: .5px;
}

.axis text {
   fill: #333;
}

.area.good {
   fill: rgba(255, 255, 255, .5);
}

.area.photo-pre-neuro {
   fill: rgba(101, 200, 199, .5);
}

.area.photo-pre-alone {
   fill: rgba(22, 101, 113, .5);
}

.area.exchange-pre-neuro {
   fill: rgba(231, 28, 54, .5);
}

.area.exchange-pre-alone {
   fill: rgba(140, 21, 21, .6);
}

.line.totals {
   fill: none;
   stroke: #000;
   stroke-width: 1.3px;
   opacity: .47;
}

.dot {
   fill: rgb(230, 230, 230);
   stroke: #000;
   stroke-width: 1px;
   paint-order: fill;
   opacity: 0;
}

.dot.last {
   stroke-width: 3px;
}

.dot.last.good,
.dot.good:hover {
   stroke: rgba(0, 180, 0, 1);
}

.dot.last.photo-pre-neuro,
.dot.photo-pre-neuro:hover {
   stroke: rgba(101, 200, 199, 1);
}

.dot.last.photo-pre-alone,
.dot.photo-pre-alone:hover {
   stroke: rgba(22, 101, 113, 1);
}

.dot.last.exchange-pre-neuro,
.dot.exchange-pre-neuro:hover {
   stroke: rgba(231, 28, 54, 1);
}

.dot.last.exchange-pre-alone,
.dot.exchange-pre-alone:hover {
   stroke: rgba(140, 21, 21, 1);
}

.dot:hover {
   fill: #444;
   stroke-width: 2px;
}
.dot.last:hover {
   stroke-width: 4px;
}

.grid line {
   stroke: #444;
   stroke-opacity: 0.25;
}

.grid path {
   stroke: #000;
   stroke-opacity: 0.7;
   stroke-width: .2px;
}

.card {
    border: 1px solid #555;
    border-radius: 8px;
    margin-bottom: 18px;
}

.card-header:first-child {
    border-color: #555;
    border-radius: 7.2px 7.2px 0 0;
}

.card-header {
    padding: 6px 10px;
    font-weight: 900;
}

.card-title {
    margin: 0;
}

.card-body {
   padding: 10px;
}

.popover.good .popover-header,
.card.good > .card-header {
   background: rgba(0, 255, 0, .24);
}

.popover.photo-pre-neuro .popover-header,
.card.photo-pre-neuro > .card-header,
#photo-pre-neuro th {
   background: rgba(101, 200, 199, .5);
}

.popover.photo-pre-alone .popover-header,
.card.photo-pre-alone > .card-header,
#photo-pre-alone th {
   background: rgba(22, 101, 113, .5);
}

.popover.exchange-pre-neuro .popover-header,
.card.exchange-pre-neuro > .card-header,
#exchange-pre-neuro th {
   background: rgba(231, 28, 54, .5);
}

.popover.exchange-pre-alone .popover-header,
.card.exchange-pre-alone > .card-header,
#exchange-pre-alone th {
   background: rgba(140, 21, 21, .5);
}

.checkbox label {
   display:table-row;
   cursor: pointer;
}

.checkbox  label svg {
   width: 30px;
   height: 30px;
   display:table-cell;
   margin-right: 6px;
}

.checkbox  label:hover svg .check {
   fill: #c7c8d5;
}

.checkbox  label.selected svg .check {
   fill: red;
}

.checkbox  label.selected:hover svg .check {
   fill: #c40606;
}

.checkbox label h6 {
   font-weight: 800;
   font-size: 18pt;
   display:table-cell;
   color: #7A7E9F;
   padding: 0 0 6px;
   margin:0;
   vertical-align: top;
}

.checkbox label.selected h4 {
   color: #912525;
}

.checkbox label input {
   display:none;
}

.lbl,
.dbox {
   display: table-cell;
   vertical-align: middle;
}

#anrf {
   margin-left: 38px;
   font-size: .8rem;
}

#riskZone.lr {
   color: rgba(0, 255, 0, .44);
}

#riskZone.lir {
   color: rgba(255, 255, 0, .62);
}

#riskZone.hir {
   color: rgba(255, 150, 0, .7);
}

#riskZone.hr {
   color: rgba(240, 0, 0, .58);
}

.card {
    border: 1px solid #555;
    border-radius: 8px;
    margin-bottom: 20px;
}

.card-header:first-child {
    border-color: #555;
    border-radius: 7.2px 7.2px 0 0;
}

.card-title {
    margin: 0;
}

#recommend .card-body p:last-of-type {
   margin-bottom: 0;
}

ol.clinUn {
   padding-left:18px;
   list-style-type: lower-alpha;

}

pre {
   padding: 10.5px;
   background-color: #f5f5f5;
   border: 1px solid #ccc;
   border-radius: 4px;
}

@media (max-width: 991px) {
   #scrollMenu {
      display: none;
   }
}

@media (max-width: 767px) {

   .spacer1 {
      margin-top: 10px;
   }

   .spacer2 {
      margin-top: 18px;
   }

}

@media (max-width: 575px) {

   div.pmaIn {
      margin-bottom: 12px;
   }

   label.control-label {
      text-align: left;
   }

}