* {
  margin: 0px;
  padding: 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
:root {
  --background: #fff;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #333;
  }
}
html {
  width: 100%;
  font-family: Helvetica, sans-serif;
  background: var(--background);
  background-size: 125px 125px, auto;
  min-height: 100%;
}
@media (prefers-color-scheme: dark) {
  html .note {
    background: black;
    color: #aaa;
  }
}
body {
  font-family: Helvetica, Arial;
  font-weight: 100;
  font-size: 90%;
}
a {
  color: #64b4ff;
}
address {
  font-size: 0.8em;
  text-align: right;
  font-style: italic;
}
address a {
  color: #646464;
}
a {
  text-decoration: none;
}
.note {
  font-size: 1em;
  box-shadow: 0px 1px 5px rgba(50, 50, 100, 0.2);
  background: #ffffff;
  width: 40em;
  max-width: 100%;
  margin: 0em auto 0em;
  padding: 1.5em;
  color: #282828;
}
.note h2,
.note h3 {
  line-height: 1em;
  font-weight: 100;
  font-size: 1.5em;
  /*color:rgb(215,235,255);*/
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-bottom: 0px solid #dcdcdc;
  margin-bottom: 0.25em;
}
.note h3 {
  font-size: 1.2em;
}
.note p {
  text-align: justify;
}
.note p ~ p {
  text-indent: 1.5em;
}
/*.note:nth-child(2n) {
	background-color: rgba(30,30,30, 0.4);
	color: white;
}*/
.Chart {
  width: 100%;
  height: 240px;
  height: 15rem;
  /*background: rgb(245,245,245);*/
}
.Chart.Small {
  width: 60px;
  height: 30px;
}
.CanvasPieLabels {
  position: relative;
  overflow: hidden;
  z-index: 99;
  zoom: 1;
  background: url('/images/clear.gif') repeat;
  background: rgba(0, 0, 0, 0.001);
}
.CanvasPieLabels:hover {
  z-index: 115;
  overflow: visible;
}
.CanvasPieLabels:hover span {
  z-index: 120;
  background: rgba(245, 245, 245, 0.9);
}
.CanvasPieLabels span {
  padding: 3px;
  border-radius: 3px;
  position: absolute;
  font-size: 0.9em;
  background: transparent;
  /*rgba(255,255,255,0.7);*/
  text-align: center;
  color: #323232;
}
.CanvasPieLabels span:hover {
  z-index: 131;
  color: Black;
  background: #ebebeb;
}
.CanvasChart *,
.CanvasPieLabels {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.CanvasChart .Colors .C1 {
  color: #8000ff;
}
.CanvasChart .Colors .C2 {
  color: #0080ff;
}
.CanvasChart .Colors .C3 {
  color: #ff0080;
}
.CanvasChart .Colors .C4 {
  color: #00ff80;
}
.CanvasChart .Colors .C5 {
  color: #80ff00;
}
.CanvasChart .Colors .C6 {
  color: #ff8000;
}
.CanvasChart .Colors .C7 {
  color: #cc66ff;
}
.CanvasChart .Colors .C8 {
  color: #66ccff;
}
.CanvasChart .Colors .C9 {
  color: #66ffcc;
}
.CanvasChart .Colors .C10 {
  color: #ccff66;
}
.CanvasChart .Colors .C11 {
  color: #ffcc66;
}
.CanvasChart .Colors .C12 {
  color: #ff66cc;
}
@media only screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}
@media print {
  .CanvasPieLabels {
    position: absolute;
  }
}