.splited-container {
	display: flex;
	width: 100%;
	max-width: 100vw;
	flex-direction: row;
	justify-content: space-between;
}

	.splited-container > div:first-child {
		width: 60%;
	}

	.splited-container > div:last-child {
		width: 40%;
	}

.bodychart-left-view,
.bodychart-right-view {
	height: 100%;
}
	.bodychart-right-view > div {
		height: 100%;
	}

.splited-container .flex-column > .box-container:first-child, #bodychart-comment-list{
	margin-bottom: 0 !important;
}

.bodychart-right-view-scrollable-content{
	height: 26rem;
	max-height: 26rem;
}

.bodychart-left-view .arz-tooltip-left {
	background-color: var(--white-color);
	color: var(--neutral-color-darker);
	border: 1px solid var(--neutral-color-dark);
	text-align: left;
	width: 40px;
	height: auto;
}

.bodychart-right-view .select-container{
	border-bottom-width: 0px !important;
}

.bodychart-image-container{
	height:25rem;
	min-width:320px;
}

@media (max-width: 1400px) {

	.bodychart-image-container{
		min-height:27rem;
	}
	
	.bodychart-right-view-scrollable-content {
		height: 29rem;
		max-height: 29rem;
	}
}

@media (max-width: 1200px) {
	.splited-container {
		flex-direction: column;
	}

		.splited-container > div:first-child,
		.splited-container > div:last-child {
			width: 100%;
		}

	.bodychart-left-view,
	.bodychart-right-view {
		height: auto;
	}

		.bodychart-right-view > div {
			height: auto;
		}

	.bodychart-right-view-scrollable-content {
		height: auto;
		max-height: 26rem;
	}
}