.ar {
  text-align: right;
}

.al {
  text-align: left;
}

.negClass {
  color: red;
}

.bold {
  font-weight: bold;
}

#renTab {
  width: 98%;
  border-top: 2px solid #d2934c;
}

#renTab tr:nth-child(odd) td {
  background: #f9f9f9;
}

#renTab tr:nth-child(even) td {
  background: #fff;
}

#renTab td {
  padding: 5px;
}

#renTab .hdr {
  background: var(--htmlRapBG) !important;
  color: var(--htmlRapFG);
}

.extraInfoChart {
  height: 250px;
  width: 100%;
  background: wheat;
}

.hfdCatHead {
  background: white !important;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: left;
  padding-left: 25px;
}

.subTotalRow {
  background: #DDD !important;
  font-size: 1.25rem;
  font-weight: bold;
  padding-left: 25px;
}

.htmlFieldset legend {
  font-size: 14px;
  text-align: center;
}

.htmlRapportHeader {
  width: 98%;
  padding: 10px;
  margin: 15px 0;
  font-size: 1.5em;
  background: var(--htmlRapHeaderBG);
  color: var(--htmlRapHeaderFG);
  text-align: center;
}

#popupDialog {
  display: none;
  z-index: 100;
  background: beige;
  position: absolute;
  left: 15%;
  top: 225px;
  width: 350px;
  height: 100px;
  box-shadow: #666 7px 7px 7px;
  border-radius: 7px;
}

.displayInterval {
  outline: none;
  padding: 3px 10px;
  border: 1px solid #d2934c;
  border-bottom: 0;
  background: transparent;
  border-radius: 12px 5px 0 0;
}
.displayInterval:hover {
  border: 1px #d2934c solid;
  background: rgba(210, 147, 76, 0.1);
  color: #d2934c;
  cursor: pointer;
}

.intervalSelected {
  background: #d2934c;
  color: #FFF;
}

#popupDialog .fldsetHead {
  width: 100%;
  height: 30px;
  padding: 5px 10px;
  background: #283453;
  border-radius: 7px 7px 0 0;
  color: #FFF;
}

#popupDialog .fldsetContent {
  width: 100%;
  height: 100%;
  padding: 15px 10px;
}

#popupDialog .fldsetContent button {
  background: #d2934c;
  color: #FFF;
  outline: none;
  border: 0;
  padding: 5px;
}

td.tip {
  border-bottom: 1px dashed;
  text-decoration: none;
}

td.tip:hover {
  cursor: help;
  position: relative;
}

td.tip span {
  display: none;
}

td.tip:hover span {
  border: #c0c0c0 1px dotted;
  padding: 5px 20px 5px 5px;
  display: block;
  z-index: 100;
  background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
  left: 0px;
  margin: 10px;
  width: 250px;
  position: absolute;
  top: 10px;
  text-decoration: none;
}

.spanW160 {
  display: inline-block;
  width: 160px;
}

.renTotaalRow {
  background-color: #d2934c !important;
  color: #f4f4f4;
  padding: 1rem 0;
  font-weight: bold;
}

/*# sourceMappingURL=htmlRapport.css.map */