html, body {
    font-family: var(--mud-typography-default-family);
    height: 100%;
}

@font-face {
    font-family: "ValueRegular";
    src: url("fonts/value-regular/value-regular.eot");
    src: url("fonts/fonts/value-regular/value-regular.eot?#iefix") format("embedded-opentype"), url("fonts/value-regular/value-regular.woff2") format("woff2"), url("fonts/value-regular/value-regular.woff") format("woff"), url("fonts/value-regular/value-regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "ValueBold";
    src: url("fonts/value-bold/value-bold.eot");
    src: url("fonts/value-bold/value-bold.eot?#iefix") format("embedded-opentype"), url("fonts/value-bold/value-bold.woff2") format("woff2"), url("fonts/value-bold/value-bold.woff") format("woff"), url("fonts/value-bold/value-bold.ttf") format("truetype");
    font-display: swap;
}

.border-radius-sm {
    border-radius: var(--border-radius-sm);
}

.border-radius-lg {
    border-radius: var(--border-radius-lg);
}

.box-shadow {
    box-shadow: var(--box-shadow);
}

.forskning-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    background-color: #fff;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
}

.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: block;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: block;
}

.components-reconnect-refused > div {
    display: none;
}

.components-reconnect-refused > .refused {
    display: block;
}

.scroll-locked, .scroll-locked-no-padding {
    overflow: auto !important; /* Needed for background to be scroll:able with modals */
}

body.real-scroll-lock {
    overflow: hidden !important; /* Needed for background to not be scrollable with fullsized modals*/
}

th.collapsed, td.collapsed {
    width: 6px !important;
    min-width: 6px !important;
}

td.collapsed > * {
    display:none !important;
}

th.collapsed > *:not(a) {
     display: none !important;
}