/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-f96s6hievx] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

/* Toggle Styles */
#wrapper[b-f96s6hievx] {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    max-width: 100vw;
}

    #wrapper.toggled[b-f96s6hievx] {
        padding-left: 18rem;
    }

#sidebar-wrapper[b-f96s6hievx] {
    z-index: 1000;
    position: fixed;
    top: 5rem;
    bottom: 0;
    width: 0;
    height: 100%;
    margin-left: -18rem;
    overflow-y: auto;
    background-color: #303F4B;
      -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow-x: hidden;
}

#wrapper.toggled #sidebar-wrapper[b-f96s6hievx] {
    width: 18rem;
}

#page-content-wrapper[b-f96s6hievx] {
    position: absolute;
    width: calc(100vw - 18rem);
    margin-top: 5rem;
}

#wrapper.toggled #page-content-wrapper[b-f96s6hievx] {
    position: absolute;
    margin-left: 0;
    width: 100vw
}

/* Sidebar Styles */
.sidebar-nav[b-f96s6hievx] {
    position: absolute;
    top: 0;
    width: 18rem;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Desktop View*/
@media only screen and (min-width: 768px) {
    #wrapper[b-f96s6hievx] {
        padding-left: 18rem;
    }

        #wrapper.toggled[b-f96s6hievx] {
            padding-left: 0;
        }

    #sidebar-wrapper[b-f96s6hievx] {
        width: 18rem;
    }

    #wrapper.toggled #sidebar-wrapper[b-f96s6hievx] {
        width: 0;
    }

    #wrapper.toggled #page-content-wrapper[b-f96s6hievx] {
        position: relative;
        margin-right: 0;
        margin-left: 0;
        width: 100vw;
    }
}

.top-row[b-f96s6hievx] {
    background-color: white;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 50;
    width: 100%
}

main[b-f96s6hievx] {
    overflow-y: auto; /* Zorg ervoor dat main scrollbaar is */
    height: 100vh;
}

.top-row .top-row-side[b-f96s6hievx] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 50;
}

    .top-row[b-f96s6hievx]  a, .top-row[b-f96s6hievx]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: #303F4B;
    }

        .top-row[b-f96s6hievx]  a:hover, .top-row[b-f96s6hievx]  .btn-link:hover {
            border-bottom: solid 0.1rem #95D453;
        }

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

    .top-row .logo[b-f96s6hievx] {
        height: 4rem;
    }

.top-row-right[b-f96s6hievx] {
    display: flex;
    gap: 1rem;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 50;
}

.content-container[b-f96s6hievx] {
    display: flex;
    max-height: calc(100vh - 5rem);
}

.navbar-toggler[b-f96s6hievx] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb%2848,%2063,%2075%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked ~ .sidebar[b-f96s6hievx] {
        display: none;
    }

    .navbar-toggler:checked[b-f96s6hievx] {
        background-color: rgba(255, 255, 255, 0.5);
    }

@media (max-width: 640.98px) {
    .top-row[b-f96s6hievx] {
        justify-content: space-between;
    }

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

    #wrapper #page-content-wrapper[b-f96s6hievx] {
        width: 100%;  
    }

}

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

    .top-row[b-f96s6hievx] {
        position: fixed;
        top: 0;
        z-index: 55;
    }

        .top-row.auth[b-f96s6hievx]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-f96s6hievx], article[b-f96s6hievx] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-f96s6hievx] {
    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-f96s6hievx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

[b-f96s6hievx] .logout-link {
    background-color: gray !important;
    border: none;
}



[b-f96s6hievx] .openDropdown {
      width: 50px;
    height: 50px;
    -webkit-mask-image: url("Icons/ActionsIcon.svg");
    mask-image: url("Icons/ActionsIcon.svg");
    background-color: green;
    opacity: 0.7;
}

.openDropdown[b-f96s6hievx] {
    width: 50px;
    height: 50px;
    -webkit-mask-image: url("Icons/ActionsIcon.svg");
    mask-image: url("Icons/ActionsIcon.svg");
    background-color: green;
    opacity: 0.7;
}

[b-f96s6hievx] .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover{
    border: none;
}
/* /Layout/NavMenu.razor.rz.scp.css */
[b-pp9c33kmll] .bi {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    top: -1px;
    background-size: cover;
}

.nav-scrollable[b-pp9c33kmll] {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-width: max-content;
    width: 15rem;
    padding-bottom: 5rem;
    padding-left: 0.5rem;
}

[b-pp9c33kmll] .bi-settings {
    background-image: url("Icons/SettingsIcon.svg");
}

[b-pp9c33kmll] .bi-profiel {
    background-image: url("Icons/AccountIconGreen.svg");
}

[b-pp9c33kmll] .bi-basicdata {
    background-image: url("Icons/DataIcon.svg");
}

[b-pp9c33kmll] .bi-transactions {
    background-image: url("Icons/ShippingIcon.svg");
}

[b-pp9c33kmll] .bi-consultation {
    background-image: url("Icons/BrowseIcon.svg");
}

[b-pp9c33kmll] .bi-globalsettings {
    background-image: url("Icons/GlobalSettingsIcon.svg");
}

[b-pp9c33kmll] .dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-treeview-item-container:not(.dxbl-disabled):not(:disabled).dxbl-active::before {
    background-color: transparent;
    padding: 0;
}

[b-pp9c33kmll] .dxbl-treeview-item.dxbl-active .dxbl-treeview-item-text {
    border-bottom: solid 0.15rem #95D453;
    color: white;
    font-weight: bold;
    width: auto;
}

[b-pp9c33kmll] .dxbl-image:not(.dxbl-image-fill) {
    fill: White;
}

[b-pp9c33kmll] .dxbl-treeview-item-text {
    font-size: 0.9rem;
    color: #d7d7d7;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    width: 100%;
}

.logo[b-pp9c33kmll] {
    width: 100%;
}


.hidden[b-pp9c33kmll] {
    display: none;
}


.versie[b-pp9c33kmll] {
    margin: 0; 
    font-size: 0.6rem;
    color: white;
    padding: 0.2rem;
}
/* /Pages/InternDeel/Basic Data/Artikels/Artikels.razor.rz.scp.css */
@keyframes fadeIn-b-680h948aiu {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-680h948aiu {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-680h948aiu] {
    animation-duration: 2s;
    animation-name: fadeIn-b-680h948aiu;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-680h948aiu] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-680h948aiu;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-680h948aiu] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-680h948aiu] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-680h948aiu] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-680h948aiu] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/InternDeel/Basic Data/Relatie/Relaties.razor.rz.scp.css */
@keyframes fadeIn-b-c2y9blkiuq {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-c2y9blkiuq {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-c2y9blkiuq] {
    animation-duration: 2s;
    animation-name: fadeIn-b-c2y9blkiuq;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-c2y9blkiuq] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-c2y9blkiuq;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-c2y9blkiuq] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-c2y9blkiuq] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-c2y9blkiuq] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-c2y9blkiuq] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/InternDeel/Consultation/Billing/ArtikelSNBillingOvz.razor.rz.scp.css */
@keyframes fadeIn-b-hiixoi05dq {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-hiixoi05dq {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-hiixoi05dq] {
    animation-duration: 2s;
    animation-name: fadeIn-b-hiixoi05dq;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-hiixoi05dq] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-hiixoi05dq;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-hiixoi05dq] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-hiixoi05dq] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-hiixoi05dq] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-hiixoi05dq] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/InternDeel/Consultation/InStock/ArtikelSNOvz.razor.rz.scp.css */
@keyframes fadeIn-b-j0vzrvnod5 {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-j0vzrvnod5 {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-j0vzrvnod5] {
    animation-duration: 2s;
    animation-name: fadeIn-b-j0vzrvnod5;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-j0vzrvnod5] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-j0vzrvnod5;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-j0vzrvnod5] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-j0vzrvnod5] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-j0vzrvnod5] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-j0vzrvnod5] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/InternDeel/Settings/Eigenaars/Eigenaars.razor.rz.scp.css */
@keyframes fadeIn-b-6wbtyygskd {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 50rem;
    }
}

@keyframes fadeOut-b-6wbtyygskd {
    from {
        opacity: 1;
        max-height: 50rem;
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-6wbtyygskd] {
    animation-duration: 2s;
    animation-name: fadeIn-b-6wbtyygskd;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-6wbtyygskd] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-6wbtyygskd;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-6wbtyygskd] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-6wbtyygskd] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-6wbtyygskd] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-6wbtyygskd] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }

/* /Pages/InternDeel/Settings/Magazijn/Magazijnen.razor.rz.scp.css */
@keyframes fadeIn-b-dm494qvr2y {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-dm494qvr2y {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-dm494qvr2y] {
    animation-duration: 2s;
    animation-name: fadeIn-b-dm494qvr2y;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-dm494qvr2y] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-dm494qvr2y;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-dm494qvr2y] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-dm494qvr2y] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-dm494qvr2y] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-dm494qvr2y] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }

/* /Pages/InternDeel/Settings/WebUsers/WebUserDetail.razor.rz.scp.css */
.input-group label[b-x9733b62at] {
    width: 10rem;
}

.input-container[b-x9733b62at] {
    display: flex; 
    flex-direction: column;
    gap: 1rem;
}
/* /Pages/InternDeel/Settings/WebUsers/WebUsers.razor.rz.scp.css */
@keyframes fadeIn-b-koxhqbkuti {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-koxhqbkuti {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-koxhqbkuti] {
    animation-duration: 2s;
    animation-name: fadeIn-b-koxhqbkuti;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-koxhqbkuti] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-koxhqbkuti;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-koxhqbkuti] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-koxhqbkuti] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-koxhqbkuti] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-koxhqbkuti] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/InternDeel/Transactions/InboundTransaction/InboundTransactionsOvz.razor.rz.scp.css */
@keyframes fadeIn-b-moa5wjf3ke {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-moa5wjf3ke {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-moa5wjf3ke] {
    animation-duration: 2s;
    animation-name: fadeIn-b-moa5wjf3ke;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-moa5wjf3ke] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-moa5wjf3ke;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-moa5wjf3ke] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-moa5wjf3ke] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-moa5wjf3ke] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-moa5wjf3ke] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/InternDeel/Transactions/OutboundTransaction/OutboundTransactionsOvz.razor.rz.scp.css */
@keyframes fadeIn-b-qiukhgj38a {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-qiukhgj38a {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-qiukhgj38a] {
    animation-duration: 2s;
    animation-name: fadeIn-b-qiukhgj38a;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-qiukhgj38a] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-qiukhgj38a;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-qiukhgj38a] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-qiukhgj38a] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-qiukhgj38a] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-qiukhgj38a] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/Login/LoginPage.razor.rz.scp.css */
.page-container[b-ueio2ghl61] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; 
    background-color: #f0f0f0; 
    padding: 1.5rem;
}

.content-container[b-ueio2ghl61] {
    background-color: #303F4B;
    padding: 20px;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input-group[b-ueio2ghl61] {
    margin-bottom: 15px;
    width: 100%; 
    display: flex; 
    justify-content: center;
}

[b-ueio2ghl61] .dxbl-text-edit{
    width: 100%
}

[b-ueio2ghl61] .dxbl-text {
    color: white;
}

.logo[b-ueio2ghl61] {
    width: 15rem;
 }

.logoJorosoft[b-ueio2ghl61] {
    width: 10rem;
}

.content-container img:first-of-type[b-ueio2ghl61] {
    width: 10rem;
    margin-bottom: 2rem;
}

.button-container[b-ueio2ghl61] {
    margin-top: 15px;
}

button[b-ueio2ghl61] {
    padding: 10px;
    border: none;
    border-radius: 5px;
    color: #303F4B;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
}

.dropdown-container[b-ueio2ghl61] {
    position: fixed;
    bottom: 0;
    left: 0;
    align-self: start;
}

    .dropdown-container img[b-ueio2ghl61] {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

.taal[b-ueio2ghl61] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem;
}

    .taal img[b-ueio2ghl61] {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-right: 10px;
    }

    .taal p[b-ueio2ghl61] {
        margin: 0;
    }

/* /Pages/OnlineDeel/Basic Data/Artikels/ArtikelsOvz.razor.rz.scp.css */
@keyframes fadeIn-b-by91436600 {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-by91436600 {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-by91436600] {
    animation-duration: 2s;
    animation-name: fadeIn-b-by91436600;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-by91436600] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-by91436600;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-by91436600] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-by91436600] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-by91436600] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-by91436600] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }
/* /Pages/OnlineDeel/Warehouse/WarehouseOverviewDetail.razor.rz.scp.css */
.toolbar[b-gdpz7punjz] {
    margin-bottom: 1rem;
}

[b-gdpz7punjz] .bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

[b-gdpz7punjz] .bi-close {
    background-image: url("Icons/CloseIcon.svg");
}
/* /Pages/OnlineDeel/Warehouse/WarehousesOverview.razor.rz.scp.css */
@keyframes fadeIn-b-in34049m3s {
    from {
        opacity: 0;
        max-height: 0;
        display: block;
    }

    to {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }
}

@keyframes fadeOut-b-in34049m3s {
    from {
        opacity: 1;
        max-height: 25rem; /* Zorg ervoor dat deze hoogte voldoende is voor je inhoud */
    }

    to {
        opacity: 0;
        max-height: 0;
        display: none;
    }
}

.filters.visible[b-in34049m3s] {
    animation-duration: 2s;
    animation-name: fadeIn-b-in34049m3s;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

.filters.hidden[b-in34049m3s] {
    max-height: 0;
    animation-duration: 0.5s;
    animation-name: fadeOut-b-in34049m3s;
    animation-fill-mode: forwards; /* Houdt de laatste stap van de animatie vast */
}

[b-in34049m3s] .ApplyButton {
    background-color: #95D453;
    border: none;
    margin: 1rem;
}

    [b-in34049m3s] .ApplyButton:hover {
        background-color: #95D453 !important;
        border: none;
        margin: 1rem;
    }

[b-in34049m3s] .ClearFilterButton {
    background-color: #303F4B;
    border: none;
    margin: 1rem;
}

    [b-in34049m3s] .ClearFilterButton:hover {
        background-color: #303F4B !important;
        border: none;
        margin: 1rem;
    }

.toolbar[b-in34049m3s] {
    margin-bottom: 1rem;
}

[b-in34049m3s] .bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

[b-in34049m3s] .bi-filter {
    background-image: url("Icons/IconFilter.svg");
}

[b-in34049m3s] .bi-exportExcel {
    background-image: url("Icons/IconExcel.svg");
}

[b-in34049m3s] .bi-actions {
    background-image: url("Icons/ActionsIcon.svg");
}


/* /Pages/Profiel/Usersettings.razor.rz.scp.css */
.toolbar[b-7wxxosu9ph] {
    margin-bottom: 1rem;
}

[b-7wxxosu9ph] .bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

[b-7wxxosu9ph] .bi-encrypt {
    background-image: url("Images/lock.png");
}

[b-7wxxosu9ph] .bi-language {
    background-image: url("Icons/TranslateIcon.svg");
}
/* /Pages/ReportViewer.razor.rz.scp.css */
/* /Shared/Dialogs/DlgFileUpload.razor.rz.scp.css */

[b-4k3r7s96j4] .preview {
    background-color: lightgray;

}

[b-4k3r7s96j4] .preview img {
    width: 25px;
}
/* /Shared/Popups/JoroPasswordPopup.razor.rz.scp.css */
.input-group[b-9odnu1uiib] {
    display: flex; 
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;

}
/* /Shared/Toolbar/ToolbarDetail.razor.rz.scp.css */
.toolbar[b-8ze5a9autr]{
    margin-bottom: 1rem;
}

[b-8ze5a9autr] .bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

[b-8ze5a9autr] .bi-new {
    background-image: url("Icons/NewIcon.svg");
}

[b-8ze5a9autr] .bi-save {
    background-image: url("Icons/SaveIcon.svg");
}

[b-8ze5a9autr] .bi-save-close {
    background-image: url("Icons/SaveIcon.svg");
}

[b-8ze5a9autr] .bi-undo-close {
    background-image: url("Icons/UndoIcon.svg");
}

[b-8ze5a9autr] .bi-close {
    background-image: url("Icons/CloseIcon.svg");
}

[b-8ze5a9autr] .bi-actions {
    background-image: url("Icons/ActionsIcon.svg");
}

[b-8ze5a9autr] .bi-delete {
    background-image: url("Icons/DeleteIcon.svg");
}
/* /Shared/Toolbar/ToolbarGrid.razor.rz.scp.css */
.toolbar[b-gubgz1ounc] {
    margin-bottom: 1rem;
}

[b-gubgz1ounc] .bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

[b-gubgz1ounc] .bi-new {
    background-image: url("Icons/NewIcon.svg");
}

[b-gubgz1ounc] .bi-edit {
    background-image: url("Icons/EditIcon.svg");
}

[b-gubgz1ounc] .bi-delete {
    background-image: url("Icons/DeleteIcon.svg");
}

[b-gubgz1ounc] .bi-save {
    background-image: url("Icons/SaveIcon.svg");
}

[b-gubgz1ounc] .bi-actions {
    background-image: url("Icons/ActionsIcon.svg");
}

[b-gubgz1ounc] .bi-filter {
    background-image: url("Icons/IconFilter.svg");
}

[b-gubgz1ounc] .bi-exportExcel {
    background-image: url("Icons/IconExcel.svg");
}