/* _content/BEVManagement.Web/Features/GameRefereeAssignments/GamesGrid.razor.rz.scp.css */
.disabled-cell[b-42s64c2vp5] {
    
}
/* _content/BEVManagement.Web/Features/GameRefereeAssignments/GamesPager.razor.rz.scp.css */
.btn[b-xbh6ovh901] {
    font-family: monospace;
}
/* _content/BEVManagement.Web/Features/PersonConsent/PersonConsentEntry.razor.rz.scp.css */
[b-2vh2hp4117] dxbl-check:has(> label > a:first-child) {
    display: flex;
    align-items: stretch;
}

[b-2vh2hp4117] dxbl-check:has(> label > a:first-child) > label {
    padding: 0 !important;
    display: flex;
}

[b-2vh2hp4117] dxbl-check:has(> label > a:first-child) > label > a:first-child {
    display: block;
    padding: var(--dxbl-text-padding-y) var(--dxbl-text-padding-x);
    padding-left: var(--dxbl-checkbox-spacing);
}
/* _content/BEVManagement.Web/Features/PersonManagement/Absences/PersonAbsenceGrid.razor.rz.scp.css */
.date-time-from-to-form[b-4gg4jg3zrw] {
    display: flex;
    align-items: flex-start;
    column-gap: 3px;
    flex-direction: row;
    flex-wrap: wrap;
    /* We explicitly want the full-day button becoming left-sided once breaking into a new-new */
    justify-content: flex-start;
    /* Keep the children top-sided */
    align-content: flex-start;
}

.date-time-from-header-portion[b-4gg4jg3zrw] {
    order: 1;

    flex-grow: 1;
    flex-basis: 0;
    min-width: min-content;
}

.date-time-group-list[b-4gg4jg3zrw] {
    position: relative;

    display: flex;
    column-gap: 3px;
    row-gap: 3px;
    flex-direction: row;
    flex-wrap: wrap;
    /* Keep the children left-sided */
    align-content: flex-start;

    --primary-picker-width: 105px;
    --secondary-picker-width: 96px;
}

.date-time-group-list:has(> .date-time-group-date-time-to[data-bev-new-line]):not(:has(> .date-time-group-date-time-to .date-picker))[b-4gg4jg3zrw] {
    flex-direction: column;
    align-items: flex-end;
}

.date-time-group-list:has(> .date-time-group-date-time-to[data-bev-new-line]):not(:has(> .date-time-group-date-time-to .date-picker)) .date-time-group-date-time-from .time-picker[b-4gg4jg3zrw] {
    min-width: var(--secondary-picker-width);
}

[b-4gg4jg3zrw] .bev-btn-group-vertical {
    width: 100% !important;
}

[b-4gg4jg3zrw] .bev-btn-group-vertical button {
    justify-content: flex-start;
}

.date-time-group-list > .date-time-group-date-time-to:has(.date-picker)[b-4gg4jg3zrw] {
    flex-basis: 100%;
}

.date-time-group[b-4gg4jg3zrw] {
    width: max-content;

    display: flex;
    column-gap: 3px;
    row-gap: 3px;
    flex-wrap: nowrap;
}

.date-time-group[b-4gg4jg3zrw]  .dxbl-text-edit {
    height: 26px;
    width: 100%;
}

.date-picker[b-4gg4jg3zrw] {
    min-width: var(--primary-picker-width);
    max-width: var(--primary-picker-width);
}

.secondary-picker[b-4gg4jg3zrw] {
    min-width: var(--secondary-picker-width);
    max-width: var(--secondary-picker-width);
}

.time-picker[b-4gg4jg3zrw], .time-picker-with-additional-button[b-4gg4jg3zrw], .day-picker-with-additional-button[b-4gg4jg3zrw] {
    
}

.date-or-time-picker-with-label[b-4gg4jg3zrw] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    column-gap: 3px;
}

.date-time-picker-footer-portion[b-4gg4jg3zrw] {
    order: 2;
    flex-shrink: 1;

    display: flex;
    flex-direction: row;
    justify-items: center;
}

.text-overflow-no-ellipsis-on-focus[b-4gg4jg3zrw] {
    --white-space: nowrap;
}

.text-overflow-no-ellipsis-on-focus:focus[b-4gg4jg3zrw] {
    --white-space: wrap;
}

.detail-item-group-border[b-4gg4jg3zrw] {
    padding-inline: var(--dxbl-grid-text-cell-padding-x);
    padding-block: var(--dxbl-grid-text-cell-padding-y);
    display: inline-block;
    width: 100%;
}

.detail-item-group[b-4gg4jg3zrw] {
    --column-gap: 10px;
    --divider: 10px;
    width: 100%;
    overflow: hidden;
    margin-left: calc(var(--column-gap) / -2);
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 3px;
}

.detail-item[b-4gg4jg3zrw] {
    margin-left: calc(var(--column-gap) / 2);
    margin-right: calc(var(--column-gap) / 2);
    position: relative;
    min-width: 0;
    display: inline-flex;
}

.text-overflow-ellipsis[b-4gg4jg3zrw] {
    width: 100%;
    display: inline-block;

    white-space: var(--white-space);
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-overflow-ellipsis > span[b-4gg4jg3zrw] {
    display: inline-block;
    white-space-collapse: preserve;
}

.detail-item[b-4gg4jg3zrw]:after {
    content: ',';
    position: absolute;
    right: 100%;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    display: inline-block;
    width: var(--divider);
    margin-right: calc(((var(--column-gap) - var(--divider)) / 2) + var(--border, 0));
}
/* _content/BEVManagement.Web/Features/PersonManagement/PersonEditor.razor.rz.scp.css */
.grid-container[b-2dmk2euffa] {
    position: relative; /* Ensures sticky positioning works correctly */
    display: grid;
    grid-template-columns: 300px 1fr;
    /*align-items: start; */
    gap: var(--bev-editor-grid-gap);
}

.person-editor[b-2dmk2euffa] {
    display: flex;
    flex-direction: column;
}

.person-editor-side-content[b-2dmk2euffa] {
    min-width: 335px;
}

.person-editor-side-shadow-content[b-2dmk2euffa] {
    order: -1;
}

[b-2dmk2euffa] .grow-width {
    overflow: hidden;
    animation: grow-width-b-2dmk2euffa 0.3s ease;
}

@keyframes grow-width-b-2dmk2euffa {
    from { width: 0; }
    to   { width: var(--target-width); }
}

/* 992px == lg */
@media screen and (min-width: 992px) {
    .person-editor[b-2dmk2euffa] {
        /*display: flex;*/
        /*flex-direction: row;*/
        /*position: relative;*/
        display: grid;
        grid-template-columns: min-content auto;
    }

    .person-editor-side-content[b-2dmk2euffa] {
        /*flex: 0 0 auto;*/
        /*width: 25%;*/
        grid-column: 1;
        grid-row: 1;
        
        position: sticky;
        top: 8px;
        /*top:0;*/
        background: #fff; /* Prevents overlap artifacts */
        align-self: start; /* Prevents stretching, which can break sticky */

        overflow-y: auto;
        /*scrollbar-gutter: stable;*/
        scrollbar-width: thin;
        
        /*top*/
        max-height:  var(--available-viewport-height);

        /*top: var(--person-editor-side-content-top, 8px);*/
    }

    .person-editor-side-shadow-content[b-2dmk2euffa] {
        grid-column: 1;
        grid-row: 1;
        z-index: 0;
        
        background-color: white;
        
        width: var(--target-width);
        order: 0;
    }

    .person-editor-main-content[b-2dmk2euffa] {
        /*flex: 0 1 auto;*/
        /*width: 75%;*/

        grid-column: 2;
        grid-row: 1;
    }
}
/* _content/BEVManagement.Web/Features/PersonManagement/PersonInfoCard.razor.rz.scp.css */
[b-y6459asg04] .prototype {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(auto, max-content));
    /*grid-auto-columns: auto;*/
    grid-auto-rows: 20px;
    /*grid-auto-flow: row;*/
}

[b-y6459asg04]  .prototype > div {
    display: grid !important;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-row: span 5;
    grid-auto-flow: column;
}

[b-y6459asg04]  .prototype > span {
    display: grid !important;
    /*grid-auto-columns: 75px;*/
    /*grid-template-rows: subgrid;*/
    grid-template-columns: subgrid;
    /*grid-template-rows: subgrid;*/
    /*grid-auto-flow: column;*/
}

[b-y6459asg04]  .prototype > span > span:has(> span) {
    display: grid !important;
    /*grid-auto-columns: 75px;*/
    grid-template-columns: subgrid;

    /*grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));*/
}

/*::deep  .prototype > span > span {*/
/*    display: grid !important;*/
/*    grid-auto-columns: 75px;*/
/*    grid-template-columns: subgrid;*/
/*    !*grid-template-rows: subgrid;*!*/
/*    !*grid-auto-flow: column;*!*/
/*}*/

/*::deep  .prototype > span > span > span {*/
/*    display: grid !important;*/
/*    grid-auto-columns: 75px;*/
/*    grid-template-columns: subgrid;*/
/*    !*grid-template-rows: subgrid;*!*/
/*    !*grid-auto-flow: column;*!*/
/*}*/



/* _content/BEVManagement.Web/Features/PersonManagement/PersonRegionTagBox.razor.rz.scp.css */
.date-time-from-to-form[b-qf38h8srgu] {
    display: flex;
    align-items: flex-start;
    column-gap: 3px;
    flex-direction: row;
    flex-wrap: wrap;
    /* We explicitly want the full-day button becoming left-sided once breaking into a new-new */
    justify-content: flex-start;
    /* Keep the children top-sided */
    align-content: flex-start;
}

.date-time-from-header-portion[b-qf38h8srgu] {
    order: 1;

    flex-grow: 1;
    flex-basis: 0;
    min-width: min-content;
}

.date-time-group-list[b-qf38h8srgu] {
    position: relative;

    display: flex;
    column-gap: 3px;
    row-gap: 3px;
    flex-direction: row;
    flex-wrap: wrap;
    /* Keep the children left-sided */
    align-content: flex-start;

    --primary-picker-width: 105px;
    --secondary-picker-width: 96px;
}

.date-time-group-list:has(> .date-time-group-date-time-to[data-bev-new-line]):not(:has(> .date-time-group-date-time-to .date-picker))[b-qf38h8srgu] {
    flex-direction: column;
    align-items: flex-end;
}

.date-time-group-list:has(> .date-time-group-date-time-to[data-bev-new-line]):not(:has(> .date-time-group-date-time-to .date-picker)) .date-time-group-date-time-from .time-picker[b-qf38h8srgu] {
    min-width: var(--secondary-picker-width);
}

[b-qf38h8srgu] .bev-btn-group-vertical {
    width: 100% !important;
}

[b-qf38h8srgu] .bev-btn-group-vertical button {
    justify-content: flex-start;
}

.date-time-group-list > .date-time-group-date-time-to:has(.date-picker)[b-qf38h8srgu] {
    flex-basis: 100%;
}

.date-time-group[b-qf38h8srgu] {
    width: max-content;

    display: flex;
    column-gap: 3px;
    row-gap: 3px;
    flex-wrap: nowrap;
}

.date-time-group[b-qf38h8srgu]  .dxbl-text-edit {
    height: 26px;
    width: 100%;
}

.date-picker[b-qf38h8srgu] {
    min-width: var(--primary-picker-width);
    max-width: var(--primary-picker-width);
}

.secondary-picker[b-qf38h8srgu] {
    min-width: var(--secondary-picker-width);
    max-width: var(--secondary-picker-width);
}

.time-picker[b-qf38h8srgu], .time-picker-with-additional-button[b-qf38h8srgu], .day-picker-with-additional-button[b-qf38h8srgu] {
    
}

.date-or-time-picker-with-label[b-qf38h8srgu] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    column-gap: 3px;
}

.date-time-picker-footer-portion[b-qf38h8srgu] {
    order: 2;
    flex-shrink: 1;

    display: flex;
    flex-direction: row;
    justify-items: center;
}

.text-overflow-no-ellipsis-on-focus[b-qf38h8srgu] {
    --white-space: nowrap;
}

.text-overflow-no-ellipsis-on-focus:focus[b-qf38h8srgu] {
    --white-space: wrap;
}

.detail-item-group-border[b-qf38h8srgu] {
    padding-inline: var(--dxbl-grid-text-cell-padding-x);
    padding-block: var(--dxbl-grid-text-cell-padding-y);
    display: inline-block;
    width: 100%;
}

.detail-item-group[b-qf38h8srgu] {
    --column-gap: 10px;
    --divider: 10px;
    width: 100%;
    overflow: hidden;
    margin-left: calc(var(--column-gap) / -2);
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 3px;
}

.detail-item[b-qf38h8srgu] {
    margin-left: calc(var(--column-gap) / 2);
    margin-right: calc(var(--column-gap) / 2);
    position: relative;
    min-width: 0;
    display: inline-flex;
}

.text-overflow-ellipsis[b-qf38h8srgu] {
    width: 100%;
    display: inline-block;

    white-space: var(--white-space);
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-overflow-ellipsis > span[b-qf38h8srgu] {
    display: inline-block;
    white-space-collapse: preserve;
}

.detail-item[b-qf38h8srgu]:after {
    content: ',';
    position: absolute;
    right: 100%;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    display: inline-block;
    width: var(--divider);
    margin-right: calc(((var(--column-gap) - var(--divider)) / 2) + var(--border, 0));
}
/* _content/BEVManagement.Web/Features/PersonManagement/ProfilePicture.razor.rz.scp.css */
.profile-picture-container[b-v9m5edlr25] {
    aspect-ratio: 1/1;
    overflow: hidden;
    height: 100%;
    /*width: 100%;*/
}

.profile-picture-container-rounding-100[b-v9m5edlr25] {
    border-radius: 100%;
}

img.profile-picture[b-v9m5edlr25] {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    /*transform: translateY(-50%);*/
    /*margin-top: 50%;*/
    object-fit: cover;
}

svg.profile-picture[b-v9m5edlr25] {
    color: var(--bs-primary, black);
}
/* _content/BEVManagement.Web/Features/PersonManagement/QuickInfo/PersonRoleQuickInfo.razor.rz.scp.css */
.badge-person-role:hover[b-9612ut6znh] {

}

.badge[b-9612ut6znh] {
    background-color: var(--bs-primary);
    color: white;
}

.badge[data-inactive][b-9612ut6znh] {
    background-color: unset;
    color: var(--bs-primary);
    outline: var(--bs-primary) solid 1px;
    outline-offset: -1px;
}

[b-9612ut6znh] .person-role-quick-info-edit-form-cell {
    padding: var(--dxbl-grid-text-cell-padding-y) var(--dxbl-grid-text-cell-padding-x)
}
/* _content/BEVManagement.Web/Features/PersonnelAppointments/PersonnelAppointmentsGrid.razor.rz.scp.css */
td:has(> table.bev-grid-table::deep)[b-26wekrhb6j] {
    padding: 0;
}

table.bev-grid-table[b-26wekrhb6j]  > colgroup > col:first-of-type {
    width: 0;
}
/* _content/BEVManagement.Web/Features/Shared/Breadcrumbs/Breadcrumbs.razor.rz.scp.css */
[b-7orbqfqr9z] .bev-bread-navbar {
    font-size: 1rem;
}

[b-7orbqfqr9z] .bev-bread-navbar .mud-breadcrumb-separator {
    --bev-bread-navbar-seperator-horizontal-padding: 5px;
    padding-left: var(--bev-bread-navbar-seperator-horizontal-padding);
    padding-right: var(--bev-bread-navbar-seperator-horizontal-padding);
}

[b-7orbqfqr9z] .bev-bread-navbar i {
    font-size: 0.70em;
}
/* _content/BEVManagement.Web/Features/Shared/ColorPicker.razor.rz.scp.css */
/* tossnet/Blazor-Color-Picker is licensed under the GNU GENERAL PUBLIC LICENSE v3.0 */
.color-picker-modal:target[b-o101zi8umf] {
    display: block;
}

.color-picker-content[b-o101zi8umf] {
    height: var(--blazor-color-picker-height);
    width: var(--blazor-color-picker-width);
    margin: auto;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 12px #9d9d9d;
    -moz-box-shadow: 0 0 12px #9d9d9d;
    box-shadow: 0 0 12px #9d9d9d;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.color-picker-case[b-o101zi8umf] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 20px;
    height: 20px;
}

.color-picker-case:hover[b-o101zi8umf] {
    border: 1px solid #FFF;
    cursor: pointer;
}

.color-picker-palette[b-o101zi8umf] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: var(--blazor-color-picker-height);
}

.color-picker-show[b-o101zi8umf] {
    display: block;
    animation-name: show-animation-b-o101zi8umf;
    animation-duration: 0.5s;
}

@keyframes show-animation-b-o101zi8umf {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.color-picker-hide[b-o101zi8umf] {
    display: none;
}

.color-picker-header[b-o101zi8umf] {
    background-color: #d9d9d9;
    padding: 3px;
    color: white;
}

.color-picker-title[b-o101zi8umf] {
    margin: 5px;
    display: inline-block;
}

.color-picker-close-button[b-o101zi8umf] {
    float: right;
    margin: 5px;
    cursor: pointer;
}

.color-picker-close-button:hover[b-o101zi8umf] {
    color: red;
}

@media (max-width: 767px) {
    .color-picker-palette[b-o101zi8umf] {
        flex-direction: row-reverse;
        height: var(--blazor-color-picker-width);
    }

    .color-picker-content[b-o101zi8umf] {
        width: var(--blazor-color-picker-height);
        height: var(--blazor-color-picker-width);
    }

    .color-picker-case[b-o101zi8umf] {
        width: calc(100% / 10);
        height: calc(100% / 19);
    }
}
/* _content/BEVManagement.Web/Features/Shared/ColorRectangle.razor.rz.scp.css */
.color-rectangle[b-nibh84lxl4] {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 2px;
}
/* _content/BEVManagement.Web/Features/Shared/CssGrid/CssGridContainer.razor.rz.scp.css */
.grid-item-group[b-6c720rmit4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width, 0), 1fr));
    min-width: var(--grid-min-width);
    max-width: var(--grid-min-width);
    overflow: hidden;
}

.grid-item-group > *[b-6c720rmit4] {
    position: relative;
    overflow: hidden;
    /* We need this as requirement getting css-grid-container to measure the widest width correctly. */
    /*width: max-content;*/
}
/* _content/BEVManagement.Web/Features/Shared/DevExpressEx/DxEnhancedFlyout.razor.rz.scp.css */
.shade[b-8kwdexkad2] {
    content: ' test ';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*inset: 0;*/
    background: rgba(0, 0, 0, .15);
    z-index: 101;
}
/* _content/BEVManagement.Web/Features/Shared/DevExpressEx/DxGridPaginatorAdapter.razor.rz.scp.css */
.grid-with-pagination[b-85xr5zfjx7]  :nth-child(1 of dxbl-grid) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.grid-with-pagination[b-85xr5zfjx7]  :nth-child(1 of dxbl-pager) {
}

.grid-pagination[b-85xr5zfjx7] {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border: 1px solid var(--bs-border-color, var(--bs-gray-400, #ced4da));
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* _content/BEVManagement.Web/Features/Shared/DevExpressEx/DxGridPaginatorQueryAdapter.razor.rz.scp.css */
.grid-header-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.grid-header-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid tbody) {
    display: none;
}

.grid-lower-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.grid-lower-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid .dxbl-grid-top-panel) {
    display: none;
}

.grid-lower-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid .dxbl-grid-header-row) {
    display: none;
}

.grid-lower-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid .dxbl-grid-header) {
    display: none;
}

.grid-lower-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid .dxbl-grid-toolbar-container) {
    display: none;
}

.grid-lower-portion[b-h7masansyi]  :nth-child(1 of dxbl-grid .dxbl-grid-table > thead) {
    display: none;
}
/* _content/BEVManagement.Web/Features/Shared/Editors/CardBase.razor.rz.scp.css */
.card-header[b-zj7ow33ud3] {
    --bs-card-cap-padding-y: 5px;
    --bs-card-cap-padding-x: 5px;
    padding-right: var(--bs-card-cap-padding-y);
    display: inline-flex;
    align-items: center;
}

.card-header > h2[b-zj7ow33ud3] {
    font-weight: bold;
}

.card-header:has(:first-child > i)[b-zj7ow33ud3] {
    --bs-card-cap-padding-x: 10px;
}

.card-header :first-child[b-zj7ow33ud3] {
    padding: 3px 3px 3px 0;
}

.card-header[b-zj7ow33ud3] >  :not(:first-child) {
    padding-block: 0;
    align-self: stretch;
}
/* _content/BEVManagement.Web/Features/Shared/Editors/CardGrid.razor.rz.scp.css */
[b-waugtp6j2u].bev-editor-grid {
    --bev-grid-column-min-width: var(--bev-grid-column-min-width, 375px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--bev-grid-column-min-width), 1fr)); /* Adjust min size */
    gap: 8px;
    grid-auto-rows: auto; /* Automatically adjust row height */
    grid-auto-flow: row dense;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item:where(.bev-col-2) {
    --grid-column: span 2;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item:where(.bev-col-3) {
    --grid-column: span 3;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item:where(.bev-col-4) {
    --grid-column: span 4;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item {
    grid-column: var(--grid-column);
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item.bev-row-2 {
    grid-row: span 2;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item.bev-row-3 {
    grid-row: span 3;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item.bev-row-4 {
    grid-row: span 4;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item > .card {
    height: 100%;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item > .card > .card-body {
    min-width: 0;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-subgrid {
    grid-auto-flow: row;
}

/* >>> CardBase Support >>> */

[b-waugtp6j2u].bev-editor-grid:has(> .bev-editor-grid-item[data-card-base]) {
    grid-auto-rows: minmax(35px, max-content) auto; /* Automatically adjust row height */
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item[data-card-base] {
    --bev-editor-card-row-span: 2;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item.bev-row-2[data-card-base] {
    --bev-editor-card-row-span: 4;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item.bev-row-3[data-card-base] {
    --bev-editor-card-row-span: 6;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item.bev-row-4[data-card-base] {
    --bev-editor-card-row-span: 8;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item[data-card-base] {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span var(--bev-editor-card-row-span);
    grid-gap: 0;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item[data-card-base] .card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span var(--bev-editor-card-row-span);
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item[data-card-base] .card-header {
    grid-row: 1;
}

[b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item[data-card-base] .card-body {
    grid-row: span calc(var(--bev-editor-card-row-span) - 1);
}

/* <<< CardBase Support <<< */

/* >>> Bootstrap Integration */

[b-waugtp6j2u].bev-editor-grid .bev-editor-grid-item[data-card-base] .card-body:has(> .container-fluid) {
    padding-inline: 0;
}

/*::deep.bev-editor-grid .bev-editor-grid-item[data-card-base] .card-body > .container-fluid > .container-section-header {*/
/*    padding-inline: 0 !important;*/
/*}*/

/* <<< Bootstrap Support */

/* var() not ussable in media query, therefore: */
/* 375px refers to --bev-grid-column-min-width */
/* 180px refers to --main-sidebar-content-width */
@media screen and (max-width: calc((375px * 2) + 180px)) {
    [b-waugtp6j2u].bev-editor-grid {
        grid-template-columns: 1fr;
    }

    [b-waugtp6j2u].bev-editor-grid > .bev-editor-grid-item {
        grid-column: 1;
    }

    /*::deep.bev-editor-grid > .bev-editor-grid-item.bev-col-2 {*/
    /*    grid-column: unset;*/
    /*}*/
    /*::deep.bev-editor-grid > .bev-editor-grid-item.bev-row-2 {*/
    /*    grid-row: unset;*/
    /*}*/
}
/* _content/BEVManagement.Web/Features/Shared/Editors/EditorBase.razor.rz.scp.css */
.editor-header + .editor-content-presenter + .editor-header[b-0eeip4b0xf] {
    margin-top: 10px;
}
/* _content/BEVManagement.Web/Features/Shared/Editors/EditorPreludeAccordionButton.razor.rz.scp.css */
.accordion[b-vga66wxd0q] {
    /*--bs-accordion-btn-padding-y: unset;*/
    /*--bs-accordion-btn-padding-x: unset;*/
}

.accordion-button[b-vga66wxd0q] {
    padding-block: var(--bs-accordion-btn-padding-y);
    padding-inline: unset;
}

.accordion-button[b-vga66wxd0q]  + hr {
    margin-top: 0px;
}

.accordion-button[b-vga66wxd0q]  > * {
    flex-grow: 1;
    /*flex-basis: 100%;*/
    /*width: 100%;*/
    /*background-color: green;*/
}

.accordion-button[b-vga66wxd0q]::after {
    margin-left: 10px;
    margin-right: 10px;
}
/* _content/BEVManagement.Web/Features/Shared/Editors/EditorPreludeAccordionButton2.razor.rz.scp.css */
.accordion[b-r83pdm7ycw] {
    /*--bs-accordion-btn-padding-y: unset;*/
    /*--bs-accordion-btn-padding-x: unset;*/
}

.accordion-button[b-r83pdm7ycw] {
    padding-block: var(--bs-accordion-btn-padding-y);
    padding-inline: unset;
}

.accordion-button[b-r83pdm7ycw]  + hr {
    margin-top: 0px;
}

.accordion-button[b-r83pdm7ycw]  > * {
    flex-grow: 1;
    /*flex-basis: 100%;*/
    /*width: 100%;*/
    /*background-color: green;*/
}

.accordion-button[b-r83pdm7ycw]::after {
    margin-left: 10px;
    margin-right: 10px;
}
/* _content/BEVManagement.Web/Features/Shared/Editors/InlineTitled.razor.rz.scp.css */
[b-r5boq3qkn9] {
    --inline-titled-gap: var(--spacer-1);
    --inline-titled-ungap: calc(var(--inline-titled-gap) * -1);
    display: inline-flex; 
    flex-wrap: wrap;
    gap: var(--inline-titled-gap);
    align-items: center;
}

[b-r5boq3qkn9] > .inline-titled-ungap {
    margin-bottom: var(--inline-titled-ungap);
}
/* _content/BEVManagement.Web/Features/Shared/Editors/LayoutContainer.razor.rz.scp.css */
.container-row-gap-2[b-6au4vof3nv]  > .row {
    --container-row-gap: var(--spacer-2);
    --container-row-ungap: calc(var(--container-row-gap) * -1);
    row-gap: var(--container-row-gap);
}

.container-row-gap-2.container-row-ungap[b-6au4vof3nv]  > * > *:only-child,
.container-row-gap-2[b-6au4vof3nv]  > .container-row-ungap > *:only-child {
    margin-bottom: var(--container-row-ungap);
}

.container-fluid[b-6au4vof3nv]  > .container-fluid {
    padding-inline: 0;
}

/*  */

.container-fluid[b-6au4vof3nv]  > .row > .col:has(> .form-label + .rz-html-editor) {
    display: flex;
    flex-direction: column;
}

.container-fluid[b-6au4vof3nv]  > .row > .col > .form-label + .rz-html-editor {
    flex-grow: 1;
}
/* _content/BEVManagement.Web/Features/Shared/Editors/SectionHeader.razor.rz.scp.css */
.container-gap-4 > .container-section-header:not(:last-child)[b-4n43hnj5oc]  {
    margin-bottom: calc(var(--container-ungap) + var(--spacer-2));
}
/* _content/BEVManagement.Web/Features/Shared/LabelOfT.razor.rz.scp.css */
.label-content[b-35u8e5tuv9] {
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;   */
    overflow: hidden;
    word-break: break-word;
}
/* _content/BEVManagement.Web/Features/Shared/Layouts/AuthorizeLayout.razor.rz.scp.css */
.card-container[b-gxo155fvi6] {
    /*background-color: color-mix(in srgb, white 60%, transparent);*/
    background-color: white;
    border-radius: 25px;
    border-width: 0;
    width: 600px;
}

.authorize-container[b-gxo155fvi6] {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}

.authorize-container > div[b-gxo155fvi6] {
    padding-top: 17px;
}

.content-block-container[b-gxo155fvi6] {
    width: 100%;
}

.vertical-separator[b-gxo155fvi6] {
    border-color: color-mix(in srgb, var(--bs-body-color) 15%, transparent);
    border-right-width: 1px;
}

.emblem-container[b-gxo155fvi6] {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.emblem[b-gxo155fvi6] {
    display: flex;
    justify-content: center;
}

.emblem-title[b-gxo155fvi6] {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.authorize-content[b-gxo155fvi6] {
    width: 275px;
}

@media screen and (max-width: 600px) {
    .vertical-separator[b-gxo155fvi6] {
        display: none;
        width: 100%;
        border-right-width: 0;
        border-color: var(--bs-body-color);
        border-bottom-width: 1px;
    }

    .authorize-container[b-gxo155fvi6] {
        justify-content: unset;
        align-items: center;
        flex-direction: column;
    }

    .authorize-content[b-gxo155fvi6] {
        width: unset;
        margin: 0 5px;
    }
}
/* _content/BEVManagement.Web/Features/Shared/Layouts/BaseLayout.razor.rz.scp.css */
/*.page {*/
/*    position: relative;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

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

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

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

/*.top-row ::deep a, .top-row ::deep .btn-link {*/
/*    white-space: nowrap;*/
/*    margin-left: 1.5rem;*/
/*    text-decoration: none;*/
/*}*/

/*.top-row ::deep a:hover, .top-row ::deep .btn-link:hover {*/
/*    text-decoration: underline;*/
/*}*/

/*.top-row ::deep a:first-child {*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/

/*@media (max-width: 640.98px) {*/
/*    .top-row {*/
/*        justify-content: space-between;*/
/*    }*/

/*    .top-row ::deep a, .top-row ::deep .btn-link {*/
/*        margin-left: 0;*/
/*    }*/
/*}*/

/*@media (min-width: 641px) {*/
/*    .page {*/
/*        flex-direction: row;*/
/*    }*/

/*    .sidebar {*/
/*        width: 250px;*/
/*        height: 100vh;*/
/*        position: sticky;*/
/*        top: 0;*/
/*    }*/

/*    .top-row {*/
/*        position: sticky;*/
/*        top: 0;*/
/*        z-index: 1;*/
/*    }*/

/*    .top-row.auth ::deep a:first-child {*/
/*        flex: 1;*/
/*        text-align: right;*/
/*        width: 0;*/
/*    }*/

/*    .top-row, article {*/
/*        padding-left: 2rem !important;*/
/*        padding-right: 1.5rem !important;*/
/*    }*/
/*}*/

#blazor-error-ui[b-trbi1taend] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-trbi1taend] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/BEVManagement.Web/Features/Shared/Layouts/MainLayout.razor.rz.scp.css */
.main-layout[b-lbwmvc0uyd] {
    --main-layout-width: 100vw;
    --main-content-width: 1740px;
    --main-sidebar-content-width: 180px;
    --main-layout-filling-width: calc((var(--main-layout-width) - var(--main-content-width)) / 2);
}

.main-body[b-lbwmvc0uyd] {
    display: flex;
    flex-direction: row;
}

[b-lbwmvc0uyd] .bev-navbar {
    display: flex;
    flex-direction: row;
}

[b-lbwmvc0uyd] .bev-navbar::before {
    display: inline-block;
    max-width: var(--main-layout-filling-width);
    min-width: var(--main-sidebar-content-width);
    width: 100%;
    content: "";
}

[b-lbwmvc0uyd] .bev-navbar-content {
    max-width: var(--main-content-width);
    padding-inline: 10px;
    width: 100%;
}

[b-lbwmvc0uyd] dxbl-menu:first-of-type .dxbl-menu-title {
    padding-left: unset;
}

[b-lbwmvc0uyd] .bev-breadcrumb {
    display: flex;
    flex-direction: row;
}

[b-lbwmvc0uyd] .bev-breadcrumb::before {
    display: inline-block;
    max-width: var(--main-layout-filling-width);
    min-width: var(--main-sidebar-content-width);
    width: 100%;
    content: "";
}

[b-lbwmvc0uyd] .bev-breadcrumb-content {
    max-width: var(--main-content-width);
    padding-inline: 10px;
    width: 100%;
    padding-left: unset;
    padding-right: unset;
}

.main-content[b-lbwmvc0uyd] {
    max-width: var(--main-content-width);
    padding-inline: 10px;
    width: 100%;
}

.main-sidebar[b-lbwmvc0uyd] {
    max-width: var(--main-layout-filling-width);
    min-width: var(--main-sidebar-content-width);
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: right;
}

.main-sidebar[b-lbwmvc0uyd]  .main-sidebar-content:first-of-type {
    width: var(--main-sidebar-content-width);
}

/*  */

.main-layout:not(:has(.main-sidebar .main-sidebar-content:first-of-type .main-sidebar-content-busy-signal))[b-lbwmvc0uyd]  .bev-navbar::before {
    min-width: unset;
}

.main-layout:not(:has(.main-sidebar .main-sidebar-content:first-of-type .main-sidebar-content-busy-signal))[b-lbwmvc0uyd]  .bev-breadcrumb::before {
    min-width: unset;
}

.main-layout:not(:has(.main-sidebar .main-sidebar-content:first-of-type .main-sidebar-content-busy-signal)) .main-sidebar[b-lbwmvc0uyd] {
    min-width: unset;
}

.main-layout:not(:has(.main-sidebar .main-sidebar-content:first-of-type .main-sidebar-content-busy-signal)) .main-sidebar[b-lbwmvc0uyd]  .main-sidebar-content:first-of-type {
    display: none;
}

/* var() not ussable in media query, therefore: */
/* 180px refers to --main-sidebar-content-width */
@media screen and (max-width: 768px) {
    [b-lbwmvc0uyd] .bev-navbar::before {
        min-width: unset;
    }
    
    /*::deep dxbl-menu:first-of-type::before {*/
    /*    min-width: unset;*/
    /*}*/

    [b-lbwmvc0uyd] .bev-breadcrumb::before {
        min-width: unset;
    }

    .main-sidebar[b-lbwmvc0uyd] {
        min-width: unset;
    }

    .main-sidebar[b-lbwmvc0uyd]  .main-sidebar-content:first-of-type {
        display: none;
    }
}
/* _content/BEVManagement.Web/Features/Shared/Navigation/NavigationBar.razor.rz.scp.css */
.bev-navbar[b-hh651jdhhu] {
    display: flex;
    flex-direction: row;
    background-color: var(--bs-primary);
}

[b-hh651jdhhu] > * {
    --bev-navbar-height: 40px;
}

[b-hh651jdhhu] > * .user-menu-item-content {
    /* Necessary, otherwise image is flickering: first original size, then height adapted. */
    height: var(--bev-navbar-height);
}

[b-hh651jdhhu] > * svg.profile-picture {
    color: var(--dxbl-menu-item-hover-color) !important;
}

.bev-navbar-content[b-hh651jdhhu] {
    display: flex;
    flex-direction: row;
}

.bev-icon-label[b-hh651jdhhu] {
    font-size: calc(1em * 1.4 * 0.875);
}

.bev-icon[b-hh651jdhhu] {
    line-height: inherit !important;
    background:url('images/android-icon-192x192-1.png') no-repeat center/contain;
    display: inline-block;
    width: calc(1em * 1.7);
    height: calc(1em * 1.7);
}
/* _content/BEVManagement.Web/Features/Shared/Navigation/NavigationMenu.razor.rz.scp.css */
.icon[b-1gt4ocpurb] {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
}

.menu-item[b-1gt4ocpurb] {
    display: flex;
    flex-wrap: nowrap;
}

.menu-link[b-1gt4ocpurb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

[b-1gt4ocpurb] .compact[data-display-none-when-compact], [b-1gt4ocpurb] .compact [data-display-none-when-compact] {
    display: none;
}

.collapsing .menu-link[b-1gt4ocpurb], .collapse .menu-link[b-1gt4ocpurb] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.navbar[b-1gt4ocpurb] {
    width: 100%;
    column-gap: 5px;
    align-items: stretch;
}

.menu-section:not(.collapse, .collapsing)[b-1gt4ocpurb] {
    display: flex;
}

.menu-section:not(.collapse, .collapsing) > ul[b-1gt4ocpurb] {
    align-self: stretch;

    display: flex;
    align-items: center;
}

/*.navbar-nav > .nav-item > .nav-link {*/
/*    padding-block: 10px;*/
/*}*/

.navbar-brand[b-1gt4ocpurb] {
    /* Bootstrap comes with default margin, but margin does not count into offsetWidth */
    margin: 0;
    padding: 0;
}

.navbar-brand .nav-link[b-1gt4ocpurb] {
    /* Brand items should not have inline padding */
    padding-inline: 0;
}

.menu-start-section[b-1gt4ocpurb] {
    /* We want menu-start to overlap if content exceeds available content width */
    min-width: 0;
}

.menu-start-section.navbar-collapse[b-1gt4ocpurb] {
    flex-grow: unset;
}

.menu-end-section[b-1gt4ocpurb] {
    /* We want the end to take as much space as possible */
    flex-grow: 1;

    /* As consequence having as much space as possible we must position the child content at right */
    display: flex;
    justify-content: end;
}

.menu-end-section > .navbar-nav[b-1gt4ocpurb] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

@media (width < 576px) {
    .navbar-brand[b-1gt4ocpurb] {
        /* We want menu-brand to position before menu-end */
        order: -2;
    }

    .menu-item.dropdown[b-1gt4ocpurb] {
        flex-direction: column;
    }

    .menu-toggle-section[b-1gt4ocpurb] {
        /* We want menu-toggler to position before menu-brand */
        order: -3;
        /* We want menu-toggler to overlap menu-brand */
        min-width: 0;

        /* We want menu-toggler to grow as much as menu-end having menu-brand centered */
        flex-grow: 1;
        flex-basis: 0;

        display: flex;
        justify-content: start;
    }

    .navbar-toggler[b-1gt4ocpurb] {
        border: none;
        align-self: center;
        padding-inline: 0;
    }

    .navbar-toggler:hover[b-1gt4ocpurb] {
        color: white;
    }

    .menu-start-section[b-1gt4ocpurb] {
        width: 100%;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .menu-start-section.navbar-collapse[b-1gt4ocpurb] {
        flex-grow: 1;
    }

    .menu-end-section[b-1gt4ocpurb] {
        /* We want menu-end to position before menu-start */
        order: -1;
        /* We want menu-end to overlap menu-brand */
        min-width: 0;

        flex-basis: 0;
    }
}
/* _content/BEVManagement.Web/Features/Shared/Paragraphs/InlineCaption.razor.rz.scp.css */
[data-missing-whitespace][b-552gpow07t]::before {
    content: '\00a0';
}

[data-caption-content-ahead][b-552gpow07t]  {
    --inline-caption-gap: var(--inline-titled-gap);
    --inline-caption-ungap: var(--inline-titled-ungap);
}

[data-caption-content-ahead][b-552gpow07t]  ~ .caption:has(> .badge) {
    display: inherit;
    gap: inherit;
    flex-wrap: inherit;
    align-items: inherit;
}

[data-caption-content-ahead][b-552gpow07t]  .inline-caption-ungap {
    margin-bottom: var(--inline-caption-ungap);
}
/* _content/BEVManagement.Web/Features/Shared/TableOfContents/TableOfContents.razor.rz.scp.css */
.toc[b-wf208r3mie] {
    position: sticky;
    top: 0;
}
/* _content/BEVManagement.Web/Features/UserManagement/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-taq7fyqfvv] {
    margin: 0.625rem 0 0.625rem 0;
    justify-content: start;
}
/* _content/BEVManagement.Web/Features/UserModeling/UserInfoPeek.razor.rz.scp.css */
.main-content[b-qt763c4nkn] {
}

.title[b-qt763c4nkn] {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.225rem;
}

.title.title-secondary[b-qt763c4nkn] {
    padding-top: 0.313rem;
    padding-bottom: 0;
    color: var(--bs-secondary-color);
}

.title-header-text[b-qt763c4nkn] {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 600;
    letter-spacing: 0rem;
    padding: 0.3125rem 0;
}

.title-content-text[b-qt763c4nkn] {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0rem;
}
/* _content/BEVManagement.Web/Features/UserModeling/UserMenuItemContent.razor.rz.scp.css */
.user-menu-item-content[b-ktdmin40uz] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 5px;
    overflow: hidden;
}

.user-display-name[b-ktdmin40uz] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 0.8em;
    white-space: pre;
    text-align: left;
    line-height: 1.2em;
}
/* _content/BEVManagement.Web/Pages/User/Flow/AgreeTermsAndConditions.razor.rz.scp.css */
[b-pmpzq16gxp] .consent-entry {
    width: 100%;
}
/* _content/BEVManagement.Web/Pages/User/Manage/EnableAuthenticator.razor.rz.scp.css */
.info-message[b-9x7xm99094] {
    margin: 0.625rem 0 0.625rem 0;
    justify-content: start;
}