@import '_content/DragulaDropula/DragulaDropula.bundle.scp.css';
@import '_content/VIRazorCore/VIRazorCore.uvudb4vg4q.bundle.scp.css';

/* /Pages/Support/Support.razor.rz.scp.css */
/* Every card header on the Support page sits tight against its content. !important because MudCardHeader's
   padding comes from MudBlazor's own stylesheet and VICard's HeaderStyle is not exposed by every panel here
   (ExcessRegPanel is shared with /Utils, SupportSummary with the dashboard). */
.support-page[b-qm1zxcif20]  .mud-card-header {
    padding-bottom: 0 !important;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-uh7itbhh9e] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-uh7itbhh9e] {
    flex: 1;
}

.sidebar[b-uh7itbhh9e] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

/* Padding carries what used to be margin: the old px-4 (1rem) plus the 4rem a side that
   width: calc(100% - 8rem) with margin: 0 auto left as dead, unscrollable space. */
article[b-uh7itbhh9e] {
    overflow-y: auto;
    box-sizing: border-box;
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
[b-uh7itbhh9e] .viwebalerts-holder{
/*    margin: 0 auto !important;*/
/*    position: fixed !important;*/
/*    max-width:64rem;*/
/*    width:80%;*/
/*    top: 7rem;*/
/*    left:10%;*/
/*    !*left: 5rem;*!*/
    top: 1rem !important;
}
[b-uh7itbhh9e] .viwebalerts-alert{
    top: 0 !important;
    margin-top:0 !important;
}

[b-uh7itbhh9e] .vidropmenuholder-div{
    z-index:1218 !important;
    left: inherit !important;
    right: 6.5rem;
    top:.5rem !important;
    /*position: fixed !important;*/
    position: fixed !important;
}

[b-uh7itbhh9e] .vidropmenu-list{
    margin-left:-8rem;
    list-style-type: none !important;
    z-index:1218 !important;
    right:-.5rem !important;
}
[b-uh7itbhh9e] .person-circle {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background: url('https://api.iconify.design/bi/person-circle.svg?color=white') no-repeat center center / contain;
}

.top-row[b-uh7itbhh9e] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-uh7itbhh9e]  a, .top-row .btn-link[b-uh7itbhh9e] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-uh7itbhh9e] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-uh7itbhh9e] {
        display: none;
    }

    .top-row.auth[b-uh7itbhh9e] {
        justify-content: space-between;
    }

    .top-row a[b-uh7itbhh9e], .top-row .btn-link[b-uh7itbhh9e] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-uh7itbhh9e] {
        flex-direction: row;
    }

    .sidebar[b-uh7itbhh9e] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-uh7itbhh9e] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-uh7itbhh9e] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    /* 2rem as before, plus the old margin's 4rem. */
    article[b-uh7itbhh9e] {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}