@import url('https://use.typekit.net/ssv1lzn.css'); /* filson-soft from Adobe */
@import url("../lib/fontsource/open-sans/latin-400.css");
@import url("../lib/fontsource/open-sans/latin-500.css");

html, body, #app {
    height: 100%;
}

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #2d4488;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    font-family: sans-serif;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

.progress-container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.progress-logo {
    background-color: #ffffff;
    background-image: url(../images/icon-512.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    margin-bottom: 5rem;
}

.progress-bar {
    background-color: #2d448840;
    display: block;
    width: 50%;
    height: .25rem;
    overflow: hidden;
}

    .progress-bar div {
        background-color: #2d4488ff;
        width: var(--blazor-load-percentage, 0%);
    }

.progress-text {
    text-align: center;
    font-weight: bold;
    font-family: sans-serif;
}

    .progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

#background {
    background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.fixedtoolbar {
    position: fixed;
    right: 0;
    left: 0;
    z-index: var(--mud-zindex-appbar);
    margin-left: inherit;
}

.multilinetooltip {
    text-align: left;
}

    .multilinetooltip ul {
        list-style: disc;
        padding-left: 1.5em;
    }

.strikethrough {
    text-decoration: line-through;
}

.text-align-center {
    text-align: center !important;
}

@media(max-width: 599px) {
    .mud-button-label-hide-xs .mud-button-label {
        font-size: 0;
    }

    .mud-button-label-hide-xs .mud-button-icon-start {
        margin-right: 0;
    }

    .mud-button-label-hide-xs .mud-button-icon-end {
        margin-left: 0;
    }
}

.oap-logindialog {
    width: 24em;
    height: 35em;
}

.oap-logo {
    background-image: url("../images/logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
}

.oap-list-item-delivered {
    color: var(--mud-palette-action-disabled) !important;
}

.oap-signaturepad button.btn {
    display: none;
}

    table.oap-summary tr td:first-child {
        padding-right: 1em;
    }

.oap-info-table td:first-child {
    padding-right: .5em;
}

.oap-info-table a {
    text-decoration: underline !important;
    font-size: inherit !important;
}

.oap-popover {
    max-height: 75%;
    max-width: 100%;
    overflow-x: auto;
}

.mud-exception-messagebox-details {
    font-family: monospace;
    overflow: scroll;
}

.mud-input-helper-text.mud-input-error {
    white-space: pre-line;
}

/*.mud-toolbar-appbar {
    font-family: filson-soft, sans-serif
}*/

/*#blazor-error-ui {
    display: none;
}
*/