body {
    position: relative;
    width: 1057px;
    background-color: #f3f3f3;
    color: #333;
    font-family: sans-serif;
    font-size: 12px;
}

body > div:not(.background) {
    background-color: white;
}

h1 {
    font-size: 30px;
}

h2 {
    margin-top: 0.556em;
    margin-bottom: 0.333em;
}

div.title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

div.container {
    width: 1055px;
    height: 350px;
}

.info.empty::after {
    color: #939393;
    content: "Inget just nu";
}

.info table {
    width: 100%;
    font-size: 24px;
}

.info thead, .info .details {
    display: none;
}

#time {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 80px;
    font-weight: bold;
}

.highcharts-tooltip .highcharts-color-0 {
    color: #7cb5ec;
}

.highcharts-tooltip .highcharts-color-1 {
    color: #434348;
}

#topdesk-bars .highcharts-color-0 {
    fill: #a2cff2;
    stroke: #a2cff2;
}

#topdesk-bars .highcharts-color-1 {
    fill: #5a8bad;
    stroke: #5a8bad;
}

#topdesk-bars .highcharts-color-2 {
    fill: #004c6d;
    stroke: #004c6d;
}

#topdesk-time .highcharts-data-labels {
    font-size: 20px;
}