/*
Theme Name:     MDM Toolbox
Theme URI:      http://mdm-toolbox.com
Author:         Marko Heijnen
Author URI:     http://codekitchen.eu
Description: 
Version:        1.0.1
Tags: 
*/

body {
    min-height: -webkit-fill-available;
}

.app-layout {
    display: grid;
    gap: 0;
    grid-template-areas: "topnav topnav" "sidenav content";
    grid-template-rows: 54px 100%;
    grid-template-columns: 280px auto;
    overflow: hidden;
    position: relative;
    height: 100vh;
    transition: .2s;
}
.admin-bar .app-layout {
    height: calc(100vh - 32px);
}

#topnavbar {
    grid-area: topnav;
}

#sidenavbar {
    grid-area: sidenav;
    overflow-y: auto;
}

main {
    grid-area: content;
    height: calc(100vh - 54px);
    overflow-y: auto;
    padding: 1em;
}
.admin-bar main {
    height: calc(100vh - 92px);
}

.mdm-table {
    border: 0;
}

.mdm-table > div {
    border: 0;
}

article:has(.mdm-table[data-height="100%"]), .entry-content:has(.mdm-table[data-height="100%"]) {
    height: 100%;
}

main > .list-group {

}


nav#sidenav {
    position: relative;
}
nav#sidenav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav#sidenav ul li {
    /* Sub Menu */
}
nav#sidenav ul li .sub-menu {
    display: none;
}
nav#sidenav ul li.current_page_item .sub-menu,
nav#sidenav ul li.current-menu-parent .sub-menu {
    display: block;
}
nav#sidenav ul li a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}
nav#sidenav ul li a:hover {
    background: #3d5361;
    color: #fff;
}
nav#sidenav .current-menu-item > a {
    background: #1d4f71;
}
nav#sidenav ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float:right;
}
nav#sidenav ul ul {
    background: rgba(0, 0, 0, 0.2);
}
nav#sidenav ul li ul li a {

    border-left: 4px solid transparent;
    padding: 10px 20px;
}
nav#sidenav ul li ul li a:hover {
    border-left: 4px solid #3498db;
}