﻿@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=e11f5528-9a58-4656-873b-1c45012daaf6&fontids=1448933,1448937,1448941");
@font-face {
  /*font-family: "DIN Next LT W04 Regular";*/
  font-family: "DIN Next";
  src: url("/Site/Dst/Fonts/1448933/bbb280b3-b74d-49f2-908d-0395516a3dc8.eot?#iefix");
  src: url("/Site/Dst/Fonts/1448933/bbb280b3-b74d-49f2-908d-0395516a3dc8.eot?#iefix") format("eot"), url("/Site/Dst/Fonts/1448933/95d17c42-537a-4cbf-a8c1-60fcc6edf28f.woff2") format("woff2"), url("/Site/Dst/Fonts/1448933/3097f8f0-50b7-4d8d-8745-6281850a1b05.woff") format("woff"), url("/Site/Dst/Fonts/1448933/ac4b95cb-49c4-493a-a895-471d763cea38.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  /*font-family: "DIN Next LT W04 Medium";*/
  font-family: "DIN Next";
  src: url("/Site/Dst/Fonts/1448937/fd94b7ac-c184-4f5c-a847-0a4785f3e98f.eot?#iefix");
  src: url("/Site/Dst/Fonts/1448937/fd94b7ac-c184-4f5c-a847-0a4785f3e98f.eot?#iefix") format("eot"), url("/Site/Dst/Fonts/1448937/cf1948b4-c50b-418b-a059-e8ed8bf0f9f1.woff2") format("woff2"), url("/Site/Dst/Fonts/1448937/bd983b7f-76bb-4f54-83bb-889fd36d60e6.woff") format("woff"), url("/Site/Dst/Fonts/1448937/63fb1f94-0e8f-4c85-b559-b0dd27ecbf5a.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  /*font-family: "DIN Next LT W04 Bold";*/
  font-family: "DIN Next";
  src: url("/Site/Dst/Fonts/1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595.eot?#iefix");
  src: url("/Site/Dst/Fonts/1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595.eot?#iefix") format("eot"), url("/Site/Dst/Fonts/1448941/7e3bc38e-72f2-4d0b-8e96-4c466b57b052.woff2") format("woff2"), url("/Site/Dst/Fonts/1448941/8283248b-29aa-4d91-8920-841505269e68.woff") format("woff"), url("/Site/Dst/Fonts/1448941/929bfe48-8086-4796-820d-ff0222f68dd0.ttf") format("truetype");
  font-weight: bold;
}

*
{
    font-family: "DIN Next","Helvetica Neue",Helvetica,Arial,sans-serif;
}

body
{
    font-size: 14px;
    color: #002E2E;
    margin: 0px;
}

th, td
{
    font-size: 16px;
}

.overthetop
{
    height: 22px;
    background-color: #0079cb;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 12px;
    padding-top: 5px;
}

#changelangetc
{
    position: absolute;
    top: 5px;
    right: 8px;
}

.topmenulink
{
	color: #ffffff;
    font-weight: bold;
	text-transform: uppercase;
    padding-right: 15px;
    text-decoration: none;
    font-size: 11px;
}

.topmenulink:hover
{
    color: #ffffff;
	text-decoration: none;
}

#timecontrol
{
    text-align: center;
    margin-top: 7px;
}

#play
{
    vertical-align: top;
    color: #ffffff;
    background-color: #0079cb;
    border: 1px solid #0079cb;
    margin-right: 7px;
    margin-top: 2px;
    -webkit-appearance: none;
    border-radius: 0;
}

#timeslider
{
    width: 80%;
    display: inline-block;
    margin-top: 5px;
}

.highcharts-title
{
    font-weight: 600;
    font-size: 20px;
}

.highcharts-source
{
    font-size: 10px;
}

/* Zoom tip stuff */

.zboxpos
{
  position: absolute;
  top: calc(50vh - 50px);
  left: calc(50vw - 100px);
}

.zbox
{
  position: absolute;
  bottom: 20px;
  right: 40px;  
  visibility: hidden;
}

.box {
  display: inline-block;
  padding: 50px 20px 0px 20px;
  margin-bottom: 15px;
    text-align: center;
    vertical-align: text-bottom;
    height: 1px;
    width: 1px;
    border: 1px dashed #0074c6;
    background-color: #CBD6EA;
    font-weight: bold;
    font-size: 1.3em;
    transition: all 100ms linear;
}

.box-big {
 height: 100px;
 width: 200px;
    opacity: 0.7;
    transition: all 700ms linear;
}

/* Data table presentation */

#datatable table
{
    border-collapse: collapse;
    margin: 20px;
}

#datatable th
{
    padding: 6px;
}

#datatable tr[align~="RIGHT"]:nth-child(even) 
{
    background-color: #EEF3FA;
}

#datatable tr[align~="LEFT"] th
{
    text-align: right;
}

#datatable tr[align~="RIGHT"] th:last-child
{
    background-color: #ffffff;
}

#datatable table > tbody > tr:first-child > th
{
    font-size: 18px;
    text-align: left;
}

/* Informatio and concepts */

.infotbl img
{
    display: none;
}

.infotbl .underover
{
	font-weight: 600;
}

.infotbl fieldset
{
	padding: 10px;
	border-width: 0px;
}

.infotbl legend
{
	font-size: 18px;
	font-weight: 600;
    text-transform: uppercase;
}

.infotbl a
{
	color: #0074c6;
	text-decoration: none;	
}

.infotbl .fl:hover
{
    color: #00863b;
	text-decoration: underline;
}

.conceptcontent img
{
    display: none;
}

/* UI Dialog stuff */

.ui-dialog
{
    padding: 0px
}

.ui-corner-all {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #ffffff;
    background: none;
    background-color: #0079cb;
}

.ui-widget-header .ui-state-default {
    border: 1px solid #0079cb;
}

.ui-widget-header
{
    border: 1px solid #0079cb;
    background: none;
    background-color: #0079cb;
}
