/*
    Custom CSS
*/

@media only screen and (min-width: 1024px) {

    .page {
        flex-direction: row;
    }

    body {
        z-index: 99;
    }

    .balk-boven {
        border-bottom: 1px solid #d6d5d5;
        justify-content: flex-end;
        height: 6rem;
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #2D3E50;
        z-index: 99;
    }

    .navbar-toggler {
        display: none !important;
    }

    .collapse {
        /* Never collapse the sidebar for wide screens */
        display: block !important;
    }

    .begin-pagina {
        margin-left: 16.5rem;
        width: calc(100% - 16.65rem);
    }

    .top-row {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 105;
    }

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

    /*
    .navbar .container-fluid .navbar-brand-full{
        max-width: 12rem;
    }

    .navbar .container-fluid .navbar-brand-full{
        max-width: 100%;
        font-size: 1.2rem !important;
    }
    */

    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 16rem;
        z-index: 100;
    }

    .nav-menu {
        margin-top: 5.5rem;
        height: calc(100vh - 5.9rem);
        margin-bottom: 0 !important;
        overflow: auto;
        border-right: solid white 1px;
    }

    .goederen-en-diensten-nav {
        inline-size: 0px;
        overflow-wrap: break-word;
    }

        .goederen-en-diensten-nav .nav-item {
            font-size: 0.98rem !important;
        }

    .home{
        margin-top: 0.5rem;
    }

    .uitloggen {
        margin-bottom: 0 !important;
        cursor: pointer;
        float: inline-end;
        padding-top: auto;
        padding-left: auto;
    }

    .btn {
        margin-top: 2%;
    }

    .alert-danger,
    alert {
        margin-top: 0%;
    }

    .form-check {
        margin-top: 1%;
    }

    .engiware-logo-home {
        width: 26em;
    }

    form {
        margin-bottom: 1rem;
    }

    nav {
        margin-bottom: 3rem;
    }
}