/*Dedicated to restyle for compact displayes (mobile) */


/* Compact content view earlier */
@media (max-width: 1000px) {
    /* Scrollable content region */

    .nx-layout-fitbox {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }


  
}

/* Compact on small screens */
@media (max-width: 800px) {
    table {
        min-width: 200px;
    }

        table thead th,
        table td {
            padding: 0.45rem;
            font-size: 0.92rem;
        }

    .nx-pagelayout-title {
        margin-left: 40px; /*allowance for menu button */
    }





}


@media (min-width: 800px) {
    .nx-mainmenu {
        width: var(--nx-mainmenu-width); /* always expanded on large screens */
        position: relative; /* ensure it participates in layout */
    }

        .nx-mainmenu .nx-scrollable {
            display: block;
            height: calc(100vh - 3.5rem);
            overflow-y: auto;
        }

        .nx-mainmenu .nx-toggler {
            display: none; /* no toggle on large screens */
        }

        /* Explicitly hide overlay on large screens */
        .nx-mainmenu .nx-overlay {
            display: none ;
        }
}

@media (max-width:800px) {

    .nx-mainmenu {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: var(--nx-mainmenu-closed-width);
    }

    .nx-mainmenu-toggle {
        visibility: visible;
    }



   
}