* {
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
    border: 0 none;
}

p {
    margin: 1rem 0;
}

tt,
code {
    font-family: monospace;
}

:root {
    --primary-background: #f0f0f0;
    --primary-text: #404040;
    --header-background: #002d72;
    --header-text: white;
    --button-background: #71787f;
    --button-text: white;
    --message-background: #8a857d;
    --message-light-background: #cdc7bf;
    --message-text: white;
    --tbl-row-alt-background: #cccccc;
    --tbl-header-background: #999999;
    --tbl-row-highlight: #eaa682;
    --tooltip-background: #404040;
    --tooltip-text: white;
    --warn-background: #f1b434;
    --warn-text: #404040;
    --error-border: #af272f;
    --dangerous-background: #af272f;
    --dangerous-text: white;
}

.button,
button {
    position: relative;
    background-color: var(--button-background);
    color: var(--button-text);
    text-transform: uppercase;
    margin: 0.2em;
    padding: 0.5em 1em;
    opacity: 0.9;
    white-space: nowrap;
}

.button:hover,
button:hover {
    opacity: 1.0;
    transition: opacity 0.1s ease-in;
}

.dangerous {
    background-color: var(--dangerous-background);
    color: var(--dangerous-text);
}

.hide {
    display: none;
}

.hint {
    opacity: 0.7;
}

input.hide {
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0.001;
    background-color: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.clickable,
button {
    cursor: pointer;
}

span.cost.sek::after {
    content: " kr";
}

@media screen {
.only-print {
    display: none;
}
}

@media print {

:root {
    --primary-background: white;
    --primary-text: black;
}

.noprint,
.button,
button,
#head {
    display: none;
}

#sidebar {
    display: none !important;
}

table td,
table th {
    border: 1px solid;
    font-size: 10pt;
}
table tr.vertical th,
table td.vertical {
    text-orientation: upright;
    writing-mode: sideways-lr;
    vertical-align: bottom;
    text-align: center;
    margin: 0;
    padding: 0.25em 0.5em;
    min-width: 2em;
    white-space: nowrap;
}

}