@import "../../../themes/themes.style.scss";

.mb[content-container] {
	height: calc(100% - #{$topbarHeight});
	width: calc(100% - 224px);
	display: inline-block;
	font-family: 'MontSerrat', sans-serif;
	padding: 5px;

	> .mb-cc-content {
		height: calc(100vh - calc(150px -  #{$topbarHeight}));
		width: 100%;
		overflow: hidden;
		position: relative;
		
		@media screen and (max-width: 1368px) {
			height: calc(134vh - 136px);
		}

		&.without-env-bar {
			height: calc(100vh - calc(100px -  #{$topbarHeight}));

			@media screen and (max-width: 1368px) {
				height: calc(134vh - 88px);
			}
		}

		&:hover {
			overflow-y: auto;
		}
	}

	@media screen and (max-width: 768px) {
		width: 100%;
	}
}