body {
	background: var(--primary-bg-color);
	-webkit-transition: all 200ms linear; /* Firefox */
	-moz-transition: all 200ms linear; /* WebKit */
	-o-transition: all 200ms linear; /* Opera */
	transition: all 200ms linear; /* Standard */
}

/*
.titlebar {
	background: var(--primary-bg-color);
	font-weight: 200;
    height: 40px;
	padding: 0px;
	width: 100%;
	text-align: center;
	color: var(--primary-fg-color);
	line-height: 38px;
}

.titlebar button {
	float: right;
	background-color: transparent;
    border: medium none;
    cursor: pointer;
    height: 40px;
    width: 40px;
    font-size: 19px;
    color: var(--primary-fg-color);
    display: none;
}

.titlebar.editActive, .titlebar.editActive button {
	background: var(--secondary-fg-color);
	color: var(--primary-bg-color);
}

.mainContainer {
	width: 100%;
	background: var(--primary-bg-color);
	color: var(--primary-fg-color);
}

.mainContainer.editActive {
	border-top: 1px solid rgba(73, 76, 81, .6);
	background-color: var(--primary-fg-color);
	color: var(--primary-bg-color);
}
*/

.mainContainer .resourceManagerContent {
	background: var(--secondary-bg-color);
	height: 100%;
	position: absolute;
	width: 100%;
}

.mainContainer.editActive .resourceManagerContent {
	background: var(--primary-fg-color);
}

.mainContainer .resourceManagerContent .viewResources {
	color: var(--primary-fg-color);
}

.mainContainer.editActive .resourceManagerContent .viewResources {
	color: var(--primary-bg-color);
}

.mainContainer .viewResources .resourcesList .loadingScreen {
	background-color: transparent;
}

.mainContainer.editActive .viewResources .resourcesList .loadingScreen {
	background-color: rgba(248, 248, 248, 0.4);
}