html, body {
	height: 100%;
}
div#content {
	display: block;
	width: 95%;
	height: 100%;
	min-width: 75em;
	max-width: 100em;
	margin: auto;
}

/* Keep the main windows sized to the full viewable height */
.fullheight {
	height: 100%;
}

.ui {
	display: flex;
	flex-flow: column;
}
.ui > div:nth-child(1), .ui > div:nth-child(2) > nav {
	flex: none;
}
.ui > div:nth-child(2) {
	display: flex;
	flex: auto;
	flex-flow: column;
}
.ui > div:nth-child(2) > div {
	flex: auto;
}

/* Style the account tree */
div.accounttree-root-nochildren {
	position: relative;
	left: 24px;
}
div.accounttree {
	position: relative;
	left: -24px;
}
div.accounttree-nochildren {
	position: relative;
	left: 0px;
}

div.accounttree div {
	padding-left: 24px;
}
div.accounttree-root div {
	padding-left: 24px;
}
.accounttree-name {
	padding: 3px;
}

.accounttree-root {
	display: block;
	width: 100%;
	height: 100%-100px;
	overflow: auto;
}
.account-column {
	padding: 15px 15px 43px 15px;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.account-buttongroup {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
.transactions-column {
	padding: 15px;
	border-right: 1px solid #DDD;
}