:host {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
div.container {
  -webkit-box-flex: 1;
          flex: 1;
  width: 100%;
}
div.container ::ng-deep div.graph {
  width: 100%;
  height: 100%;
  position: absolute !important;
}
div.container ::ng-deep div.graph .axis {
  stroke-width: 1;
}
div.container ::ng-deep div.graph .axis .tick line {
  stroke: black;
}
div.container ::ng-deep div.graph .axis .tick text {
  fill: black;
}
div.container ::ng-deep div.graph .axis .domain {
  fill: none;
  stroke: black;
}
div.container ::ng-deep div.graph .line {
  fill: none;
  stroke-width: 1.5;
}
div.lastValues-container {
  width: 100%;
  height: 40px;
  position: absolute;
  display: block;
}
div.lastValues-container div.lastValues {
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
div.lastValues-container div.lastValues div.lastValue {
  padding: 5px 3px;
  height: 100%;
}
div.lastValues-container div.lastValues div.lastValue div.color {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 5px;
  font-size: 13px;
}
div.captions-container {
  flex-basis: 25px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
div.captions-container div.captions {
  height: 100%;
  display: -webkit-box;
  display: flex;
}
div.captions-container div.captions div.caption {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  height: 100%;
  padding: 0px 10px;
}
div.captions-container div.captions div.caption div.color {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
div.captions-container div.captions div.caption div.color > div {
  height: 12px;
  width: 12px;
}
div.captions-container div.captions div.caption div.text {
  height: 100%;
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 5px;
  font-size: 12px;
}