#loadModal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	max-height: 100vh;
	background-image: linear-gradient(to bottom right, rgba(0,0,0,0.73) 5%,rgba(0,0,0,0.77) 10%,rgba(0,0,0,0.8) 15%,rgba(0,0,0,0.75) 90%,rgba(0,0,0,0.7));
	top: 0px;
	left: 0px;
	cursor: wait;
	display: flex;
	transition: all .25s;
	overflow: hidden;
	z-index: 1000;
}

#loadModal.collapsed {
	max-height: 0vh;
}

#loadBody {
	width: 300px;
	margin: auto;
	background-color: var(--color2);
	padding: 20px;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
}

#mainContainer {
	height: calc(100vh - var(--fullTile) * 1.5);
	max-height: calc(100vh - var(--fullTile) * 1.5);
}

#leftNavigator.collapsed~#innerContainer {
	width: calc(100vw - 44px);
	transition: all .25s;
}

#innerContainer {
	height: calc(100vh - var(--fullTile) * 2.5);
	max-height: calc(100vh - var(--fullTile) * 2.5);
	padding-top: var(--fullTile);
	display: inline-block;
	width: calc(100vw - 239px);
	vertical-align: top;
	position: relative;
}

.floating {
	height: var(--fullTile);
	line-height: var(--fullTile);
	font-size: 32px;
	top: 0px;
	color: var(--color4);
	position: absolute;
}

.band {
	
}

.column {
	display: inline-block;
	width: 290px;
	vertical-align: top;
}

.column>div {
	display: inline-block;
	width: calc(100% - 20px);
}

.row {
	
}

.area {
	background: white;
	margin: 5px;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}

.cellHolder {
	
}

.descrete {
	background: white;
	outline: none;
	padding: 5px;
	border: none;
	color: var(--color4);
	width: calc(100% - 10px);
}

.descrete::placeholder {
	color: var(--color5);
}

input.descrete {
	font-size: 18px;
}

textarea.descrete {
	font-size: 14px;
}

.half {
	width: calc(50% - 10px);
}

.quarter {
	width: calc(25% - 10px);
}

@media only screen and (min-width: 361px) {
	html {
		
	}
}

#tempStuff {
	
}