.sdmenu {
    overflow: hidden;
    padding: 0px;
    border: 0px;
    transition: all .3s ease;
    margin:0px;
    width:100%;
}

/*
.sdmenu.expand {
    max-width: 0px;
}
*/

.sub-menu .list-group-item {
    max-height: 0px;
    overflow: hidden;
    padding: 0px;
    border: 0px;
    transition: all .3s ease;
}
.sub-menu.expand .list-group-item {
    max-height: 100%;
    padding: .5rem 1rem;
    border: 1px solid rgba(0,0,0,.125);
}

.expandable.expand {
    max-height: 100%;
}
.menu-header {
    width:100%;
}

.page-menu-close {
    float:right;
}
.page-menu-close i {
    margin-left:5px;
}

.page-menu-title {
    /*font-size: 1.5em;*/
	margin-left: 5px;
    color: var(--primary-color);
}
.page-menu-close {
    float:right;
}
.page-menu-close i {
    margin-left:5px;
}

.sub-menu img {
    height: var(--small-icon-height) !important;
    width:auto;
}


/*
.sdmenu a, .menu-show-hide a, .menu-icon-path a {
    color: var(--primary-color) !important;
}

.sdmenu {
    margin:0px;
    position:absolute;
    z-index: 100;
    right:0px;
    background-color: var(--secondary-color);
    max-width: 0px;
    overflow: hidden;
    transition: all .3s ease;
    width:100%;
}

.sdmenu.expand {
    max-width: 25vw;
}

.sub-menu .list-group-item {
    max-height: 0px;
    overflow: hidden;
    padding: 0px;
    border: 0px;
    transition: all .3s ease;
}
.sub-menu.expand .list-group-item {
    max-height: 100%;
    padding: .5rem 1rem;
    border: 1px solid rgba(0,0,0,.125);
}


*/


@media (max-width: 1024px) {

    /*
    .sdmenu {
        margin:0px;
        position:absolute;
        z-index: 100;
        right:0px;
        background-color: var(--secondary-color);
        max-width: 0px;
        overflow: hidden;
        transition: all .3s ease;
        width:100%;
    }
    .sdmenu.expand {
        max-width: 100vw;
    }
    */


    /*
	.sdmenu button {
		min-height: 5vh;
	}

	.sub-menu.expand .list-group-item {
		min-height: 3vh;
	}

	.sub-menu.expand img {
		width:var(--small-icon-width);
		height:auto;
	}
    */
}


@media (max-width: 1200px) {
	.sub-menu.expand img {
        height: var(--small-icon-height);
        width:auto;
	}
}