

@media only screen and (min-width: 600px) {
    div#Menu {
        left: calc(200px + env(safe-area-inset-left));
        right: 0px;
        top: 0;
        align-items: flex-start;
        box-sizing: border-box;
        /* max-width: 1000px; */
        background: #0000009e;
    }

    div#MainContent {
        left: 200px;
        left: calc(200px + env(safe-area-inset-left));
        position: absolute;
        right: env(safe-area-inset-right);
        top: 50px;
        height: 100vh;
        overflow: auto;
        max-width: 1000px;
    }

    div#RightPanel {
        height: 100%;
        margin-top: 6vh;
    }

    div#DesktopLeftMenu {
        display: block;
    }


    .groupTaskHeader,
    .dateSlider,
    div[data-view="GroupTasks"]{
        display: none;
    }

    .taskItem {
        padding: 15px 15px;
        font-size: 16px;
    }

    .parentTaskName {
        bottom: 3px;
    }

    .btn.addTaskBtn.primaryTasks {
        bottom: 10px;
    }
}