body {
	display: flex;
	height: 100vh;
	width: 100vw;
	position: fixed;
	padding: 0 0 0 50px;
}
#cwdock {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 50px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background-color: rgb(205,226,186);
	border-left: 1px solid #dee2e6;
	color: rgb(26,36,33);
	padding: 15px 0;
	transition: width 0.1s ease-in-out;
	overflow: hidden;
	border-right: 1px solid rgba(0,0,0,0.05);

}
#cwdock:hover {
	width: 225px;
	filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
}
#cwdock a {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 7px 9px;
	margin: 0 5px;
	color: rgb(26,36,33);
	text-decoration: none;
	font-size: 21px;
	cursor: pointer;
	border-radius: 5px;;
}
#cwdock a label {
	font-size: 16px;
	cursor: pointer;
	white-space: nowrap;
}
#cwdock a.active, #cwdock a:hover {
	background: rgb(43,60,55);
	color: rgb(205,226,186);
}
#cwdock .segment {
	background: rgba(26,36,33, 1);
	height: 1px;
	margin: 8px 10px;
}
.container-fluid {
	overflow: auto;
}
.comm > * {
	border-bottom: 2px dotted green;
	cursor: help;
}