.chartdiv {
  width: 100%;
  height: 600px;
}

/*.chartdiv svg {*/
/*  border: 1px solid black;*/
/*}*/

.strategy-chart .inner {
  position: relative;
}

.is-print .strategy-chart .half-logarithm-item {
  position: absolute;
  bottom: 21px;
}

.is-print .chartdiv {
  height: 400px;
}

.is-print .half-logarithm-item label {
  font-size: 12px;
}

.is-print .strategy-chart {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media print {
  .strategy-chart {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .strategy-chart .half-logarithm-item {
    position: absolute;
    bottom: 21px;
  }

  .half-logarithm-item label {
    font-size: 12px;
  }

  .chartdiv {
    height: 400px;
  }
}

@media (max-width: 768px) {
  .chartdiv {
    height: 300px;
    margin-left: -30px;
    width: calc(100% + 45px);
  }
}