@font-face{font-family:"RO Sans";font-style:normal;font-weight:normal;src:url("../fonts/RO-SansWebText-Regular.woff") format("opentype"),url("shared-ro/webfonts/RO-SansWebText-Regular.ttf") format("truetype")}
@font-face{font-family:"RO Sans";font-style:italic;font-weight:normal;src:url("../fonts/RO-SansWebText-Italic.woff") format("opentype"),url("shared-ro/webfonts/RO-SansWebText-Italic.ttf") format("truetype")}
@font-face{font-family:"RO Sans";font-style:normal;font-weight:bold;src:url("../fonts/RO-SansWebText-Bold.woff") format("opentype"),url("shared-ro/webfonts/RO-SansWebText-Bold.ttf") format("truetype")}
@font-face{font-family:"RO Serif";font-style:normal;font-weight:normal;src:url("../fonts/RO-SerifWeb-Regular.woff") format("opentype"),url("shared-ro/webfonts/RO-SerifWeb-Regular.ttf") format("truetype")}
@font-face{font-family:"RO Serif";font-style:italic;font-weight:normal;src:url("../fonts/RO-SerifWeb-Italic.woff") format("opentype"),url("shared-ro/webfonts/RO-SerifWeb-Italic.ttf") format("truetype")}

body {
  font-family: "RO Sans", Calibri, sans-serif;
  font-weight: normal;
}

.chart__body {
  box-shadow: 0 2px 5px 3px #ccc6;
  margin: 20px 0 0;
}

.chart__meta {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  padding: 10px 20px 0 0;
}

.chart__meta span {
  display: block;
  font-size: .8em;
  font-style: italic;
}

.chart-areaspline .legend-wrapper {
  padding: 8px 16px;
  border-radius: 2px;
}
.chart-areaspline .legend-label {
  font-weight: normal;
  color: #FFF;
}
.chart-areaspline .highcharts-legend-item rect {
  display:none;
}
.chart-areaspline .highcharts-legend-item-hidden .legend-wrapper {
  background: #CCC;
}

.trend-parameters__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.trend-parameters__actual-wrapper {
  align-items: flex-start;
  display: inline-flex;
  height: auto;
}

.trend-parameters__actual-card {
  border-radius: 2px;
  box-shadow: 0 1px 4px #00000029;
  display: block;
  margin: 16px;
  padding: 20px;
  text-align: center;
}

.trend-parameters__wrapper>div:first-child {
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 940px) {
  .trend-parameters__actual-card {
    margin: 95px 0 0 5px;
  }
}

@media screen and (min-width: 940px) {
  .trend-parameters__wrapper>div:first-child {
    width: 80%;
  }
}

.trend-parameters__actual-title {
  color: #007bc7;
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.trend-parameters__actual-text {
  display: block;
  font-size: 24px;
  font-weight: 700;
}

.trend-parameters__actual-meta {
  color: #666;
  font-size: 18px;
  font-style: italic;
}

.incident-params-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.incident-params-wrapper .chart {
    flex: 0 0 100%;
    margin-right: 20px;
    width: 100%;
}
@media screen and (min-width: 576px) {
    .incident-params-wrapper .chart {
        flex: 0 0 35%;
        width: 35%;
    }
}

.card-neutral {
    padding: 40px 30px 50px;
}

.card-neutral h3 {
    color: #01689b;
}

.incident-params-wrapper .incident-params-value {
    color: #01689b;
    font-size: 50px;
    font-weight: 900;
    padding-bottom: 2rem;
    padding-top: 1rem;
    text-align: center;
}

.incident-params-wrapper .incident-params-value {
    color: #01689b;
    font-size: 50px;
    font-weight: 900;
    padding-bottom: 2rem;
    padding-top: 1rem;
    text-align: center;
}

.incident-params-wrapper .incident-params-value--green {
    color: #39870c;
}

.incident-params-wrapper .incident-params-meta {
    color: #666;
    font-size: .8rem;
    font-style: italic;
}