@media only screen and (min-width: 1024px)/* and (max-width: 1400px)*/ {
    :root {
        --sidebar-width: 250px;
    }

    html {
        font-size: 16px;
    }

    #dataPanel {
        padding: 20px;
    }

    .show-phone, .show-tablet, .hide-desktop {
        display: none;
    }

    .show-desktop {
        display: block;
    }

    .show-desktop.show-mode-content {
        display: contents;
    }

    /** NAV -- */
    body.opened-sidebar main,
    body.opened-sidebar footer {
        margin-left: var(--sidebar-width);
        width: calc(100% - var(--sidebar-width));
    }

    body:not(.hide-ui) .top-padding {
        padding-top: 58px;
    }

    .navbar-brand > img {
        height: 48px;
    }

    #new-procedure-menu {
        width: max-content;
    }

    /** -- PROCEDURE */
    #proc-container-wrapper {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1400px) {
    html {
        font-size: 16px;
    }

    .show-phone {
        display: none;
    }

    .show-tablet {
        display: none;
    }

    .show-desktop {
        display: block;
    }
}