/* 
  OneHealt.nl RHS colors:
  branded:           #39870c
  branded-light:     #e1eddb
  branded-lightest:  #
*/


/* General styling for charts in CODE paragraph */

.code-wrapper.text-center {
  text-align: left !important;
  display: none;
}


/* Specific styling for zoonosen charts */

.chartContainer.zoonosen {
  display: block;
}


/* Tooltip with table; 
|  **** Applies to all Highcharts tooltips with table elements!!!  ****
*/

.zoonosen .highcharts-label.highcharts-tooltip table {
  border-collapse: collapse;
  font-size: smaller;
}

.zoonosen .highcharts-label.highcharts-tooltip table caption {
  color: black;
  font-weight: bold;
  caption-side: top;
}

.zoonosen .highcharts-label.highcharts-tooltip table th,
.zoonosen .highcharts-label.highcharts-tooltip table td {
  border: 1px solid;
  padding: 0.2em;
}

.zoonosen .highcharts-label.highcharts-tooltip table thead th {
  white-space: nowrap;
  text-align: center;
}

.zoonosen .highcharts-label.highcharts-tooltip table th {
  white-space: nowrap;
  text-align: left;
}

.zoonosen .highcharts-label.highcharts-tooltip table tbody td {
  text-align: right;
}

.zoonosen .highcharts-label-box.highcharts-tooltip-box {
  stroke: #e1eddb;
}


/* Highcharts data table 
|  **** Applies only to highcharts-data-table within *.zoonosen  ****
*/

.zoonosen .highcharts-data-table {
  clear: both;
}

.zoonosen .highcharts-data-table table {
  width: auto;
  margin-top: 1em;
}

.zoonosen .highcharts-data-table table caption {
  caption-side: top;
  padding: 5px 0 5px 5px;
  line-height: 1.1;
  background-color: #fefbdd;
  color: black;
}

.zoonosen .highcharts-data-table table caption button.close {
  font-size: 1.2em;
  margin-top: -5px;
  border: 1px solid black;
  padding: 0 3px 1px 3px;
  vertical-align: bottom;
  line-height: 0.8;
}

.zoonosen .highcharts-data-table table td.number,
.zoonosen .highcharts-data-table table td:last-child {
  text-align: right;
}

.zoonosen .highcharts-data-table table thead tr {
  background-color: #fdf6bb;
}

.zoonosen .highcharts-data-table table th,
.zoonosen .highcharts-data-table table td {
  padding: 0 0.3em;
}

.zoonosen .highcharts-data-table table thead th {
  /* word-break: break-word; */
  vertical-align: top;
  /* text-align: center; */
  /* min-width: 5em; */
}


/* General rules for (index.)html page with body.zoonosen */

body.zoonosen {
  padding: 1em;
}

body.zoonosen section {
  margin-top: 2em;
  border: 1px silver solid;
}

body.zoonosen .columns div {
  float: left;
  box-sizing: border-box;
  width: 50%;
}

body.zoonosen .columns div.clear {
  clear: left;
}

body.zoonosen .columns+* {
  clear: both;
}

body.zoonosen figcaption {
  text-align: center;
}

body.zoonosen .csvData div {
  border: 1px lightcoral solid;
  margin-bottom: 1em;
}

body.zoonosen .csvData div {
  max-height: 10em;
  overflow-y: scroll;
  max-width: 100%;
  border: 1px solid gray;
  font-family: monospace;
  white-space: pre;
}

body.zoonosen .csvData div:before {
  content: "csvData#"attr(id);
  font-style: italic;
  color: silver;
}