@import 'naturalCrit/styles/reset.less';
//@import 'naturalCrit/styles/elements.less';
@import 'naturalCrit/styles/animations.less';
@import 'naturalCrit/styles/colors.less';
@import 'naturalCrit/styles/tooltip.less';
html,body, #reactContainer{
	min-height  : 100%;
	font-family : 'Open Sans', sans-serif;
}
.splatsheet{
	height           : 100%;
	background-color : @steel;
	.paneSplit{
		position    : relative;
		box-sizing  : border-box;
		height      : 100vh;
		width       : 100%;
		padding-top : 25px;
		.leftPane, .rightPane{
			position       : relative;
			display        : inline-block;
			vertical-align : top;
			height         : 100%;
			min-height     : 100%;
		}
		.leftPane{
			width : 40%;
		}
		.rightPane{
			overflow-y : scroll;
			height     : 100%;
			width      : 60%;
		}
	}
}