/* /Layouts/MainLayout.razor.rz.scp.css */
.b-layout-sider[b-7rkuczbw1u] {
    top: 64px;
    margin-bottom: 64px;
}
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main {
    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 .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

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

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

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row a, .top-row .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;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Shared/Input/CCColorPicker.razor.rz.scp.css */
.color-box[b-i79mxk4bzn] {
    margin-right: 10px;
    padding-right: 10px;
    display: table-cell;
    width: 36px;
    height: 36px;
    vertical-align: top;
    text-align: center;
    color: white;
    cursor: pointer;
    box-shadow: 1px 1px 1px lightgrey
}

.first-color-box[b-i79mxk4bzn] {
    margin-left: 5px;
}

.color-box.selected[b-i79mxk4bzn] {
    border: 1px solid black;
}

.table-color-boxes[b-i79mxk4bzn] {
    display: table;
    border-spacing: 5px 0px;
    border-collapse: separate;
}
/* /Shared/Input/CCFileEdit.razor.rz.scp.css */
.cc-custom-file[b-6x6dzdji4u] {
    float: none;
    display: none;
}
/* /Shared/Layout/Divs/CCDiv.razor.rz.scp.css */
/* AD : Deze file wordt momenteel niet gebruikt door de bovenliggende razor page, 

    Ik heb niet gevonden hoe dat ervoor moet zorgen dat BLazorize.Div deze properties moet gebruiken 
    Momenteel heb ik dit enkel werkende gekregen indien er een <div> gebruikt wordt
    Tenzij dat er iemand anders een oplossing weet, mag deze file verwijderd worden

    Ik neem aan dat Bootstrap geen isolated css kan gebruiken maken?
*/
.horizontal-layout[b-sirwfa3l9c] {
    display: inline-flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
}

.horizontal-layout > :last-child[b-sirwfa3l9c] {
    flex-grow: 1;
}
/* /Shared/Specific/CCContactPicker.razor.rz.scp.css */
.small-input-field[b-nrc2dcp2qt] {
    max-width: 75px;
}