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-container {
	display: block;
	width: 100%;
	height: 100%;
}
.transactions-register {
	display: block;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.transactions-column {
	padding: 15px;
	border-right: 1px solid #DDD;
}

.register-row-editing {
	background-color: #FFFFE0 !important;
}
.register-row-editing:hover {
	background-color: #e8e8e8 !important;
}
.register-row-editing .form-group {
	margin: 0;
}

.row > div > .form-group,
.row > div > .rw-combobox {
	margin-right: -7px;
	margin-left: -7px;
}

.split-header {
	font-weight: 700;
	text-align: center;
}

.skinny-pagination {
	margin: 0px;
}