html, body {
	height: 100%;
	margin: 0;
	overflow: hidden;
	background-color: #202020;
	color: #FFFFFF;
}

.main-menu {
	background-color: #393939;
	margin: 0;
	padding: 2.5px 0 2.5px 5px;
	min-height: 20px;
}

.main-editor {
	position: absolute;
	display: inline-block;
	width: calc(100% - 307px);
	height: 100%;
}

.main-editor-body {
	width: 100%;
	height: calc(100% - 20px);
	background-color: rgb(30,30,30);
}

.main-image-viewer {
	width: 100%;
	height: calc(100% - 20px);
	text-align: center;
}

.context-view .action-item.focused .action-menu-item {
	background-color: #2424AA !important;
}

.context-view .action-menu-item span {
	font-family: "IBM Plex Mono", monospace !important;
	font-size: 16px !important;
}

/* Delete certain context menu items from Monaco editor */
.context-view li.action-item:nth-child(1), 
.context-view li.action-item:nth-child(2),
.context-view li.action-item:nth-child(9),
.context-view li.action-item:nth-child(10),
.context-view li.action-item:nth-child(19),
.context-view li.action-item:nth-child(20)
{
	display: none !important;
}

.new-file-folder {
	display: block;
	width: 400px;
}