@font-face {
  font-family: 'TeleGroteskHalRegular';
  src: url("../fonts/tele-groteskhal-webfont.eot");
  src: url("../fonts/tele-groteskhal-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tele-groteskhal-webfont.woff") format("woff"), url("../fonts/tele-groteskhal-webfont.ttf") format("truetype"), url("../fonts/tele-groteskhal-webfont.svg#TeleGroteskHalRegular") format("svg");
}

/* TeleGroteskNorRegular */
@font-face {
  font-family: 'TeleGroteskNorRegular';
  src: url("../fonts/tele-grotesknor-webfont.eot");
  src: url("../fonts/tele-grotesknor-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tele-grotesknor-webfont.woff") format("woff"), url("../fonts/tele-grotesknor-webfont.ttf") format("truetype"), url("../fonts/tele-grotesknor-webfont.svg#TeleGroteskNorRegular") format("svg");
}

/* TeleGroteskFetRegular */
@font-face {
  font-family: 'TeleGroteskFetRegular';
  src: url("../fonts/tele-groteskfet-webfont.eot");
  src: url("../fonts/tele-groteskfet-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tele-groteskfet-webfont.woff") format("woff"), url("../fonts/tele-groteskfet-webfont.ttf") format("truetype"), url("../fonts/tele-groteskfet-webfont.svg#TeleGroteskFetRegular") format("svg");
}

/* TeleGroteskUltRegular */
@font-face {
  font-family: 'TeleGroteskUltRegular';
  src: url("../fonts/tele-groteskult-webfont.eot");
  src: url("../fonts/tele-groteskult-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tele-groteskult-webfont.woff") format("woff"), url("../fonts/tele-groteskult-webfont.ttf") format("truetype"), url("../fonts/tele-groteskult-webfont.svg#TeleGroteskUltRegular") format("svg");
}

.highcharts-legend text {
  font-family: 'TeleGroteskNorRegular', 'Arial' !important;
  font-size: 13px !important;
}

.chart-overview, .chart-favorites {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  /* overflow: auto; */
  min-height: 600px;
}

.section-title {
  font-weight: bold;
  color: #e82c29;
  width: 100%;
  height: 60px;
}


.chart-overview .chart-overview-chart {
  width: calc(50% - 50px);
  height: 250px;
  margin-bottom: 50px;
  /*calc(50% - 40px);*/
}

.chart-overview .chart-overview-chart .e-headline {
  font-size: 1rem;
  margin: 0;
}

.chart-overview:after, .chart-favorites:after {
  content: "";
  width: calc(50% - 50px);
}
.chart-favorites {
  width: 100%;
  height: auto;
}
/*
#overview_view .e-eu-select.el-select {
  min-width: 50%;
  width:auto;
}
*/


#overview_view .national-company  {
  right: initial;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #overview_view .national-company  {
    right: initial;
    width: calc(50% - 50px);
  }
}

#print-chart-view {
  position: absolute;
  top: 0;
  left: -10000px;
  width: 550px;
  height: 100%;
  z-index: 5;
}

/* #zoom-border,
#headline-zoom,
#vertical-slider,
#reset-chart {
  position: absolute;
  z-index: 10;
}

#zoom-border {
  top: 50px;
  right: 0px;
  border: 1px solid rgb(228, 228, 228);
  height: 300px;
  width: 55px;
}

#headline-zoom {
  top: 70px;
  right: 10px;
}

#vertical-slider {
  top: 100px;
  right: 15px;
}

#reset-chart {
  top: 320px;
  right: 5px;
} */

#national_company_view .chart-view .zoom-container {
  position: absolute;
  right: 0;
  width: 55px;
  height: 300px;
  border: 1px solid rgb(228, 228, 228);
  top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#national_company_view .chart-view .zoom-container h4 {
  margin-top: 10px;
}
#national_company_view .chart-view .zoom-container input {
  margin-bottom: 10px;
}

/* Highcharts */
.highcharts-legend li {
  cursor: default !important;
}

/* Default */
sup {
  font-weight: normal;
  font-size: 10px;
}

#national_company_view .chart-view {
  height: calc(100vh - 385px);
  position: relative;
}
#national_company_view .chart-view > div {
  width: 100%;
  height: 100%;
  position: absolute;
}