/* /Components/VhclPassRptDayRow.razor.rz.scp.css */
.row-layout[vhclpassrptdayrow-view-scope] {
    display: flex;
}

.column-layout[vhclpassrptdayrow-view-scope] {
    display: flex;
    flex-direction: column;
}

.arrival_date_row[vhclpassrptdayrow-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}

.arrival_date_text[vhclpassrptdayrow-view-scope] {
    height: max-content;
    min-width: min-content;
    font-weight: 600;
}
.group-passtype[vhclpassrptdayrow-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 12rem;
    min-height: 4rem;
    flex-grow: 1;
    flex-basis: 0;
    margin: 1rem;
    max-width: 15rem;
}
/* /Components/VhclPassTypeRptDayCol.razor.rz.scp.css */
.row-layout[vhclpasstyperptdaycol-view-scope] {
    display: flex;
}

.column-layout[vhclpasstyperptdaycol-view-scope] {
    display: flex;
    flex-direction: column;
}

.content[vhclpasstyperptdaycol-view-scope] {
    height: max-content;
    min-width: min-content;
}

.hyperlink[vhclpasstyperptdaycol-view-scope] {
    cursor: pointer;
    height: max-content;
    min-width: min-content;
}
.day-status-row[vhclpasstyperptdaycol-view-scope] {
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
}
.day-status-title[vhclpasstyperptdaycol-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-grow: 1;
    flex-basis: 0;
    font-weight: bold;
    border-bottom: 1px solid;
    flex-shrink: 1;
}

.pdf-link-list[vhclpasstyperptdaycol-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.pdf-link-row[vhclpasstyperptdaycol-view-scope] {
    justify-content: space-around;
    align-items: stretch;
    align-content: flex-start;
    position: relative;

}
.status-hdr-txt[vhclpasstyperptdaycol-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
}
.status-hdr-row[vhclpasstyperptdaycol-view-scope] {
    justify-content: space-evenly;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.make_button[vhclpasstyperptdaycol-view-scope] {
    height: max-content;
    min-width: min-content;
    margin: 0 0 0 8px;
}
igc-button[vhclpasstyperptdaycol-view-scope]::part(base) {
    height: 1.5rem;
}
/* /Pages/HomeownerView.razor.rz.scp.css */
.row-layout[homeowner-view-scope] {
    display: flex;
}
.homeowner-view-container[homeowner-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 10px;
    height: 100%;
}
.column-layout[homeowner-view-scope] {
    display: flex;
    flex-direction: column;
}
.group[homeowner-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 1px;
    overflow: auto;
    position: relative;
    padding: 16px;
    min-width: 350px;
    min-height: 50px;
    max-width: 500px;
    flex-grow: 1;
    flex-basis: 0;
}
.group_1[homeowner-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.group_2[homeowner-view-scope] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.group_3[homeowner-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 1px;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 36rem;
    flex-grow: 1;
    flex-basis: 0;
}
.group_4[homeowner-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: 50px;
}
.group_5[homeowner-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: 50px;
}
.group_6[homeowner-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 32px;
    min-width: 50px;
}
.group_7[homeowner-view-scope] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 32px;
    min-width: 50px;
}
.group_8[homeowner-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.card[homeowner-view-scope] {
    width: 320px;
    height: max-content;
    min-width: 320px;
}
.page_title[homeowner-view-scope] {
    height: max-content;
    min-width: min-content;
}
.text[homeowner-view-scope] {
    text-align: center;
    height: max-content;
    min-width: min-content;
}
.avatar[homeowner-view-scope] {
    --background: none;
}
.avatar_1[homeowner-view-scope] {
    --background: none;
    --sdetbackground: none;
}
.icon[homeowner-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.icon_1[homeowner-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
}
.h6[homeowner-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.h4_1[homeowner-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.h5[homeowner-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-grow: 1;
    flex-basis: 0;
}
.text_1[homeowner-view-scope] {
    margin: 0 0 16px;
    height: max-content;
    min-width: min-content;
}
.icon_2[homeowner-view-scope] {
    font-size: 18px;
    width: 18px;
    height: 18px;
}
.body-content[homeowner-view-scope] {
    min-width: 50px;
    min-height: 50px;
}
.actions-content[homeowner-view-scope] {
    min-width: 50px;
    min-height: 40px;
}
.user-input[homeowner-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input[homeowner-view-scope] {
    margin: 0 8px 0 0;
    height: max-content;
    min-width: min-content;
    max-width: 1000px;
    flex-grow: 1;
    flex-shrink: 0;
}
.input_1[homeowner-view-scope] {
    margin: 0 8px 0 0;
    width: 484px;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input_2[homeowner-view-scope] {
    margin: 0 8px 0 0;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input_3[homeowner-view-scope] {
    margin: 0 8px 0 0;
    width: 97px;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input_4[homeowner-view-scope] {
    width: 216px;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.button[homeowner-view-scope] {
    height: max-content;
    min-width: min-content;
    margin: 0 8px 0 0;
}
.list[homeowner-view-scope] {
    position: relative;
    height: max-content;
}
div.list_item_selected[homeowner-view-scope] {
    font-weight: 900;
    font-style: italic;
}
.disable-events[homeowner-view-scope]{
    pointer-events: none;
}
/* /Pages/HomeView.razor.rz.scp.css */
.row-layout[home-view-scope] {
    display: flex;
}
.home-view-container[home-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    height: 100%;
}
.column-layout[home-view-scope] {
    display: flex;
    flex-direction: column;
}
.group[home-view-scope] {
    background-image: url("assets/hp-hero-1.jpg");
    background-size:  cover;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 32px;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.h3[home-view-scope] {
    margin: 0 0 16px;
    height: max-content;
    min-width: min-content;
}
.text[home-view-scope] {
    height: max-content;
    min-width: min-content;
}
/* /Pages/OsvUnitView.razor.rz.scp.css */
.row-layout[osvunit-view-scope] {
    display: flex;
}
.osvunit-view-container[osvunit-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 10px;
    height: 100%;
}
.column-layout[osvunit-view-scope] {
    display: flex;
    flex-direction: column;
}
.h4_1[osvunit-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.group[osvunit-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    width: 25%;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
}
.group_1[osvunit-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.group_2[osvunit-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.group_3[osvunit-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: 50px;
}
.group_4[osvunit-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: 50px;
}
.group_5[osvunit-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.card[osvunit-view-scope] {
    width: 320px;
    height: max-content;
    min-width: 320px;
}
.group_6[osvunit-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.content[osvunit-view-scope] {
    height: max-content;
    min-width: min-content;
}
.text[osvunit-view-scope] {
    text-align: center;
    height: max-content;
    min-width: min-content;
}
.avatar[osvunit-view-scope] {
    --background: none;
}
.icon[osvunit-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.icon_1[osvunit-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
}
.h6[osvunit-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.text_1[osvunit-view-scope] {
    margin: 0 0 16px;
    height: max-content;
    min-width: min-content;
}
.body-content[osvunit-view-scope] {
    min-width: 50px;
    min-height: 50px;
}
.actions-content[osvunit-view-scope] {
    min-width: 50px;
    min-height: 40px;
}
.list[osvunit-view-scope] {
    height: max-content;
}
.input[osvunit-view-scope] {
    margin: 0 8px 0 0;
    width: 484px;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.button[osvunit-view-scope] {
    height: max-content;
    min-width: min-content;
    margin: 0 8px 0 0;
}
div.list_item_selected[osvunit-view-scope] {
    font-weight: 900;
    font-style: italic;
}
.disable-events[osvunit-view-scope] {
    pointer-events: none;
    opacity: 0.5;
}
/* /Pages/ReportsView.razor.rz.scp.css */
.row-border[reports-view-scope]
{
    margin: 1rem;
}
.row-layout[reports-view-scope] {
    display: flex;
}
.reports-view-container[reports-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    height: 100%;
}
.column-layout[reports-view-scope] {
    display: flex;
    flex-direction: column;
}
.header-row[reports-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.page_title[reports-view-scope] {
    height: max-content;
    min-width: min-content;
}
.date-picker[reports-view-scope] {
    margin: 0 0 0 45rem;
    height: max-content;
    min-width: 120px;
    flex-shrink: 0;
}
.text[reports-view-scope] {
    text-align: center;
    height: max-content;
    min-width: min-content;
}
.avatar[reports-view-scope] {
    --background: none;
}
.list[reports-view-scope] {
    height: max-content;
}
.group_col_passes_outer[reports-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
}

.group_col_page_outer[reports-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    height: auto;
    min-width: 50px;
    min-height: auto;
}
/* /Pages/UnitAuthView.razor.rz.scp.css */
.row-layout[unitauth-view-scope] {
    display: flex;
}
.unitauth-view-container[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 10px;
    height: 100%;
}
.column-layout[unitauth-view-scope] {
    display: flex;
    flex-direction: column;
}
.group[unitauth-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    width: 25%;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
}
.group_1[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.group_2[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.record_titlebuttonbar_col[unitauth-view-scope] {
    padding: 8px;
}
.record_titlebuttonbar_row[unitauth-view-scope] {
    align-content: flex-start;
    max-width: 75em;
    flex-wrap: wrap-reverse;
}
.group_3[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    min-width: 50px;
    min-height: 10rem;
    max-height: auto;
    flex-grow: 1;
    flex-basis: 0;
}
.group_4[unitauth-view-scope] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.record_inner_section[unitauth-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 1;
}
.detail_inner_section[unitauth-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.section_row[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    margin: 0 0 8px 8px;
    flex-wrap: wrap;
    
}
.group_6[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: auto;
    min-height: auto;
    flex-grow: 1;
    flex-basis: 0;
}
.detail_outer_column[unitauth-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 8px;
    min-width: 50px;
    min-height: 200px;
}
.record_stretch_row[unitauth-view-scope] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
/*Record Outer Frame  ROW GROW WRAP OVER-AUTO*/
.record_outer_row[unitauth-view-scope] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.card[unitauth-view-scope] {
    width: 320px;
    height: max-content;
    min-width: 320px;
}
.group_13[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.group_14[unitauth-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: auto;
    min-height: auto;
}
.content[unitauth-view-scope] {
    height: max-content;
    min-width: min-content;
}
.text[unitauth-view-scope] {
    text-align: center;
    height: max-content;
    min-width: min-content;
}
.avatar[unitauth-view-scope] {
    --background: none;
}
.icon[unitauth-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.icon_1[unitauth-view-scope] {
    font-size: 36px;
    width: 36px;
    height: 36px;
}
.icon_2[unitauth-view-scope] {
    font-size: 18px;
    width: 18px;
    height: 18px;
}
.h4_1[unitauth-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.h5[unitauth-view-scope] {
    display: flex;
    height: max-content;
    min-width: min-content;
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.15rem;
}
.h6[unitauth-view-scope] {
    margin: 0 0 16px;
    height: max-content;
    min-width: min-content;
}
.icon_2[unitauth-view-scope] {
    font-size: 12px;
    width: 12px;
    height: 12px;
}
.body-content[unitauth-view-scope] {
    min-width: 50px;
    min-height: 50px;
}
.actions-content[unitauth-view-scope] {
    min-width: 50px;
    min-height: 40px;
}
.list[unitauth-view-scope] {
    height: max-content;
}
.user-input[unitauth-view-scope] {
    margin: 0 8px 0 8px;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.user-input-st[unitauth-view-scope] {
    margin: 0 8px 0 8px;
    height: max-content;
    min-width: min-content;
    max-width: 4em;
    flex-shrink: 0;
}
.checkbox[unitauth-view-scope] {
    margin: 25px;
    width: max-content;
    height: max-content;
}

.button[unitauth-view-scope] {
    height: max-content;
    min-width: min-content;
    margin: 0 8px 0 0; 
}
.dropdown[unitauth-view-scope] {
    min-width: min-content;
}
.checkbox_1[unitauth-view-scope] {
    margin: 26px;
    width: max-content;
    height: max-content;
}
.dropdown[unitauth-view-scope]::part(base) {
    height: max-content;
}
.confirmation-dialog[unitauth-view-scope] {
    display: none;
}
div.list_item_selected[unitauth-view-scope] {
    font-weight: 900;
    font-style: italic;
    text-decoration: underline;
    /*background: hsla(var(--ig-primary-100));*/
}
.disable-events[unitauth-view-scope] {
    pointer-events: none;
    opacity: 0.5;
}
/* /Pages/UserView.razor.rz.scp.css */
.row-layout[user-view-scope] {
    display: flex;
}
.user-view-container[user-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 10px;
    height: 100%;
}
.column-layout[user-view-scope] {
    display: flex;
    flex-direction: column;
}
.record_outer_row[user-view-scope] {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.record_inner_section[user-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    overflow: auto;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.section_row[user-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    margin: 0 0 8px 8px;
}
.group[user-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    width: 25%;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
    max-height: 54rem;
}
.group_1[user-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.list[user-view-scope] {
    height: max-content;
}
.group_2[user-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.group_3[user-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    min-width: 50px;
    min-height: 10rem;
    max-height: auto;
    flex-grow: 1;
    flex-basis: 0;
}
.group_4[user-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: 50px;
}
.group_5[user-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.card[user-view-scope] {
    width: 320px;
    height: max-content;
    min-width: 320px;
}
.group_6[user-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}
.content[user-view-scope] {
    height: max-content;
    min-width: min-content;
}
.text[user-view-scope] {
    text-align: center;
    height: max-content;
    min-width: min-content;
}
.avatar[user-view-scope] {
    --background: none;
}
.icon[user-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.icon_1[user-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
}
.h6[user-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.h5[user-view-scope] {
    display: flex;
    height: max-content;
    min-width: min-content;
    max-width: 20rem;
    flex-grow: 1;
    flex-basis: 0;
}
.h4_1[user-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.text_1[user-view-scope] {
    margin: 0 0 16px;
    height: max-content;
    min-width: min-content;
}
.body-content[user-view-scope] {
    min-width: 50px;
    min-height: 50px;
}
.actions-content[user-view-scope] {
    min-width: 50px;
    min-height: 40px;
}

.input-fill[user-view-scope] {
    margin: 0 8px 0 0;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
    flex-grow: 1;
}
.input[user-view-scope] {
    margin: 0 8px 0 0;
    width: 20rem;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input-short[user-view-scope] {
    margin: 0 8px 0 0;  
    width: 4rem;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input-medium[user-view-scope] {
    margin: 0 8px 0 0;
    width: 9rem;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}

.button[user-view-scope] {
    height: max-content;
    min-width: min-content;
    margin: 0 8px 0 0;
}
div.list_item_selected[user-view-scope] {
    font-weight: 900;
    font-style: italic;
}
.disable-events[user-view-scope] {
    pointer-events: none;
    opacity: 0.5;
}
.record_titlebuttonbar_col[user-view-scope] {
    padding: 8px;
}

.record_titlebuttonbar_row[user-view-scope] {
    align-content: flex-start;
    max-width: 75em;
}
/* /Pages/VhclPassView.razor.rz.scp.css */
.row-layout[vhclpass-view-scope] {
    display: flex;
}
.vhclpass-view-container[vhclpass-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 10px;
    height: 100%;
}
.column-layout[vhclpass-view-scope] {
    display: flex;
    flex-direction: column;
}
.group[vhclpass-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    width: 25%;
    min-width: 50px;
    min-height: 50px;
    flex-shrink: 0;
}
.group_1[vhclpass-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 16px;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.group_2[vhclpass-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 32rem;
    flex-grow: 1;
    flex-basis: 0;
}
.group_3[vhclpass-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
}
.group_4[vhclpass-view-scope] {
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    flex-grow: 1;
    flex-shrink: 0;
}
.group_5[vhclpass-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 20px;
    min-height: 10px;
}
.group_6[vhclpass-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    margin: 0 0 16px;
    min-width: 50px;
}
.group_7[vhclpass-view-scope] {
    border-color: hsla(var(--ig-secondary-200));
    border-width: 1px;
    border-style: solid;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    padding: 16px;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}
.h4_1[vhclpass-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.avatar[vhclpass-view-scope] {
    --background: none;
}
.icon[vhclpass-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.icon_1[vhclpass-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
}
.h6[vhclpass-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.text[vhclpass-view-scope] {
    margin: 0 0 16px;
    height: max-content;
    min-width: min-content;
}
.h2[vhclpass-view-scope] {
    text-align: center;
    height: max-content;
    min-width: min-content;
}
.user-input[vhclpass-view-scope] {
    height: max-content;
    min-width: min-content;
}
.dropdown[vhclpass-view-scope] {
    min-width: min-content;
}
.input[vhclpass-view-scope] {
    margin: 0 8px 0 0;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.user-input_1[vhclpass-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.input_2[vhclpass-view-scope] {
    margin: 0 8px 0 0;
    width: 484px;
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}
.checkbox[vhclpass-view-scope] {
    margin: 26px;
    width: max-content;
    height: max-content;
}
.dropdown[vhclpass-view-scope]::part(base) {
    height: max-content;
}
.list[vhclpass-view-scope] {
    height: max-content;
}
.disable-events[vhclpass-view-scope] {
    pointer-events: none;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.column-layout[master-view-scope] {
    display: flex;
    flex-direction: column;
}

.master-view-container[master-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    height: 100%;
}

.row-layout[master-view-scope] {
    display: flex;
}

.group[master-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
    flex-grow: 1;
    flex-basis: 0;
}

.group_1[master-view-scope] {
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    position: relative;
    min-width: 50px;
    min-height: 50px;
}

.navbar[master-view-scope] {
    background-color: hsla(var(--ig-primary-700));
    height: max-content;
    min-width: min-content;
}

.nav-drawer[master-view-scope] {
    min-width: min-content;
    min-height: 0;
    flex-shrink: 0;
}

.view-container[master-view-scope] {
    overflow: auto;
    position: relative;
    flex-grow: 1;
}

.nav-drawer[master-view-scope]::part(main) {
    width: 320px;
}

.icon-button[master-view-scope]::part(base) {
    color: hsla(var(--ig-gray-100));
}

.icon[master-view-scope] {
    font-size: 24px;
    width: 24px;
    height: 24px;
}

.hyperlink[master-view-scope] {
    text-align: right;
    cursor: pointer;
    height: max-content;
    min-width: min-content;
}

.button[master-view-scope] {
    margin: 0 8px 0 0;
    height: max-content;
    min-width: min-content;
}

.input[master-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-shrink: 0;
}

.button_1[master-view-scope] {
    height: max-content;
    min-width: min-content;
    flex-grow: 1;
    flex-shrink: 0;
}

.button_menu_toolbar[master-view-scope]::part(base) {
    color: hsla(var(--ig-gray-100));
}

.login-dialog[master-view-scope] {
    display: none;
}

.button_tab_selected[master-view-scope] {
    /*border-right: solid;*/
    /*border-left: solid;*/
    /*border-bottom: solid;*/
    border-top: solid;
    border-color: lightsteelblue;
}