@media print {
    @page {
        size: 2048px 1465px;
        margin: 0;
    }
}
:root {
    --primary: #28aade;
}
.loading-progress {
    width: 300px;
    position: relative;
    display: block;
    line-height: normal;
    margin: 20vh auto 1rem auto;
    visibility: visible;
}

.loader {
    font-size: 48px;
    display: inline-block;
    font-weight: bold;
    color: #e0e0e0;
    letter-spacing: 2px;
    position: relative;
    margin-inline: 50px;
}

    .loader::after {
        content: 'Loading';
        position: absolute;
        left: 0;
        top: 0;
        color: var(--primary) !important;
        width: var(--blazor-load-percentage);
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

.linear-progress {
    display: block;
    position: relative;
    height: 22px;
    width: 300px;
    border: 2px solid #e0e0e0;
    color: var(--primary) !important;
    overflow: hidden;
    border-radius: 10px;
}


    .linear-progress::before {
        content: '';
        background: var(--primary) !important;
        position: absolute;
        left: 0;
        top: 0;
        width: var(--blazor-load-percentage);
        height: 100%;
    }

    .linear-progress::after {
        content: var(--blazor-load-percentage-text, 0%);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 21px;
        line-height: 16px;
        /*color: rgb(0, 255, 255);*/
        mix-blend-mode: difference;
    }

.ps13 {
        padding-inline-start: 13%;
    }

    .vh {
        display: flow !important;
    }

    div.mud-nav-group:has(.mud-nav-group>.active) {
        background-color: gold;
    }

    .tox .tox-statusbar {
        display: none;
    }

    #borRep {
        border: 0.5px solid red !important;
        border-radius: 1px;
    }

    #mainBorRep {
        border: 2px solid red !important;
        border-radius: 5px;
    }

    div.mud-select > div > .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
        width: auto;
    }


    form.mud-form > div > div > div > div > div > p.mud-input-helper-text.mud-input-error {
        font-size: larger;
    }

    .mud-table-container {
        padding-inline-start: 1em;
    }

    .mud-tabs.mud-tabs-rounded.mud-elevation-2 {
        padding-inline-start: 50px;
    }


    div.mud-tab.mud-tab-active.mud-ripple.pa-6 {
        background-color: #04AA6D;
        font-weight: bolder;
        border-radius: 9px;
        color: azure;
    }

    .mud-tab-slider.mud-tab-slider-horizontal {
        height: 100% !important;
    }

    .mud-tab-slider.mud-tab-slider-vertical {
        width: 100% !important;
    }

    div.mud-tab.mud-tab-active.mud-ripple {
        font-weight: bolder;
        border-radius: 4px;
        color: azure;
        z-index: 1111
    }

    .mud-badge.mud-badge-top.right.mud-badge-overlap {
        inset: auto auto calc(100% - 18px) calc(100% - 18px);
    }

    .loader-mask {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        z-index: 99999;
    }

    .loader {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px;
        font-size: 0;
        color: #00c9d0;
        display: inline-block;
        margin: -25px 0 0 -25px;
        text-indent: -9999em;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

        .loader div {
            background-color: #00c9d0;
            display: inline-block;
            float: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            opacity: 0.5;
            border-radius: 50%;
            -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
            animation: ballPulseDouble 2s ease-in-out infinite;
        }

            .loader div:last-child {
                -webkit-animation-delay: -1s;
                animation-delay: -1s;
            }

    @-webkit-keyframes ballPulseDouble {
        0%, 100% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        50% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }

    @keyframes ballPulseDouble {
        0%, 100% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        50% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }