.maincontent .block-utilities{
    box-sizing: border-box;
    background-color: var(--c0);
    color: var(--text-color);
    /* box-shadow: inset 0px 0px 2px 1px #00000099; */
    display: flex;
    flex-direction: row;
    /* min-height: calc(100vh - var(--header-height)); */
    /* max-height: calc(100vh - var(--header-height)); */
    height: 100%;
    overflow: auto;
    width: 100%;
}

.maincontent .block-utilities .menu{
    box-sizing: border-box;
    background-color: var(--c0);
    border-right: 2px solid black;
    width: 20%;
    color: var(--text-color);
    font-size: 1em;
}

.maincontent .block-utilities .utilities-content{
	width:80%;
	height:100%;
}

.maincontent .block-utilities .menu > .menu-item:hover{
    background-color: var(--cimportant);
    color: var(--text-important);
}

.maincontent .block-utilities .menu > .menu-item.opened{
    background-color: var(--cimportant);
    color: var(--text-important);
}


.maincontent .block-utilities .menu > .menu-item{
	box-sizing: border-box;
    text-transform: uppercase;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid grey;
}

.maincontent .block-utilities .submenu.menu-item{
	box-sizing: border-box;
    font-weight: initial;
}

.maincontent .block-utilities .menu .submenu.menu-item .submenu.menu-item{
	text-transform:capitalize;
	padding:5px;
	box-sizing:border-box;
}

.maincontent .block-utilities .menu .submenu.menu-item .submenu.menu-item:hover{
	background-color:#808080;
	color:white;
	cursor:pointer;
}

/* .maincontent .block-utilities .submenu.menu-item:hover{ */
	/* background-color:#212121; */
	/* color:white; */
	/* cursor:pointer; */
/* } */

/* .maincontent .block-utilities .menu .submenu.menu-item .submenu.menu-item{ */
	/* display:none; */
/* } */

.maincontent .block-utilities .menu .submenu.menu-item.opened .submenu.menu-item{
	display:block;
	box-sizing: border-box;
    font-weight: initial;
	margin-left:5px;
	padding:3px 5px;
	text-transform: capitalize;
}

.maincontent .block-utilities .menu .submenu.menu-item.opened .submenu.menu-item:hover{
	box-sizing: border-box;
    background-color:grey;
	
}