/* /Shared/CustomFileUploader.razor.rz.scp.css */
.hideProgress[b-xjxg8jkqln] {
    display: none;
}

.showProgress[b-xjxg8jkqln] {
    display: block;
}

.scanAlert[b-xjxg8jkqln] {
    margin-top: 20px;
}

/* This CSS is to find the uploader-scope class on the div that contains the file input
    and make the default file input invisible but still clickable to trigger the file dialog
    and hide the default file input button.
    Putting the css here keeps us from to add a local <style> tag in the CustomFileUploader file.  To keep the coding pattern consistent and avoid confusion even
    though the CSS would be much simpler in that component file.
    */
.uploader-scope[b-xjxg8jkqln]  .hidden-file-input,
.uploader-scope[b-xjxg8jkqln]  .hidden-file-input input[type='file'],
.uploader-scope[b-xjxg8jkqln]  input[type='file'].hidden-file-input {
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    cursor: pointer;
}

    .uploader-scope[b-xjxg8jkqln]  .hidden-file-input::file-selector-button,
    .uploader-scope[b-xjxg8jkqln]  .hidden-file-input::-webkit-file-upload-button,
    .uploader-scope[b-xjxg8jkqln]  .hidden-file-input input[type='file']::file-selector-button,
    .uploader-scope[b-xjxg8jkqln]  .hidden-file-input input[type='file']::-webkit-file-upload-button,
    .uploader-scope[b-xjxg8jkqln]  input[type='file'].hidden-file-input::file-selector-button,
    .uploader-scope[b-xjxg8jkqln]  input[type='file'].hidden-file-input::-webkit-file-upload-button {
        display: none;
    }
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-lcer5zxx58] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-lcer5zxx58] {
    flex: 1;
}

.sidebar[b-lcer5zxx58] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-lcer5zxx58] {
    /*background-color: #f7f7f7;*/
    /*border-bottom: 1px solid #d6d5d5;*/
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-lcer5zxx58]  a, .top-row .btn-link[b-lcer5zxx58] {
        white-space: nowrap;
       /* margin-left: 1.5rem;*/
    }

    .top-row a:first-child[b-lcer5zxx58] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-lcer5zxx58] {
        display: none;
    }

    .top-row.auth[b-lcer5zxx58] {
        justify-content: space-between;
    }

    .top-row a[b-lcer5zxx58], .top-row .btn-link[b-lcer5zxx58] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-lcer5zxx58] {
        flex-direction: row;
    }

    .sidebar[b-lcer5zxx58] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-lcer5zxx58] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-lcer5zxx58], article[b-lcer5zxx58] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2whlhwurws] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-2whlhwurws] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2whlhwurws] {
    font-size: 1.1rem;
}

.oi[b-2whlhwurws] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-2whlhwurws] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2whlhwurws] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2whlhwurws] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2whlhwurws]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-2whlhwurws]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-2whlhwurws]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-2whlhwurws] {
        display: none;
    }

    .collapse[b-2whlhwurws] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
