#dashboard {
	width: 100%;
	display: flex;
/*	border: 1px dotted #666;*/
/*	height: 800px;*/
	padding: 0;
	margin: 0;
}
#dashboardhead {
	width: 100%;
	height: 64px;
	background-color: #ccc;
	border-bottom: 1px solid #666;
}
#dashboardhead button {
	font-size: 24px;
	margin: 0;
	display: inline-flex;
    align-items: center;
    height: 64px;
    overflow: hidden;
    padding: 0 15px;
}
#dashboardhead button.active {
	background-color: #666;
	color: white;
}
#dashboardhead button i {
	margin-right: 5px;
	font-size: 36px;
}

#dashselectcont {
	width: 400px;
	height: 800px;
	float: left;
	background-color: #ccc;
}
#dashselect {
	width: 400px;
/*	border: 1px solid #666;*/
	height: 800px;
/*	margin-left: 10px;*/
/*	float: left;*/
/*	background-color: yellow;*/
	overflow-y: auto;

}
#dashselect h3 {
	overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

#dashcontent {
	flex-grow: 1;
/*	float: right;*/
	background-color: #eee;
/*	width: calc(100% - 400px);*/
	height: 800px;
	padding: 10px;
	overflow-x: hidden;
    overflow-y: scroll;
}

.dse {
    overflow: hidden;
    border-bottom: 1px solid #888;
    position: relative;
    height: 128px;
}

.dse img {
    float: left;
    margin-right: 10px;
    width: 128px;
    height: 128px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.dse span {
	padding-right: 5px;
    float: right;
}

.dse p,
.dse h3 {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-right: 5px;
}
.dse h4 {
	float: right;
	padding-right: 5px;
}

.dse:hover {
	background-color: #eee;
}
.dse.active {
	background-color: #eee;
}
.own {
	width: 0;
	height: 0;
	border-top: 20px solid #05f905;
	border-right: 20px solid transparent;
	position: absolute;
}

.item_comment_group {
	background-color: #ccc;
}
.level1 {
	font-size: 20px;
}