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;
}
.transactions-register-toolbar {
	width: 100%;
	height: 50px;
}

.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;
}

/* Make Combobox support .has-error class */
.has-error.rw-widget {
	border-color: #843534;
}
.has-error.rw-widget.rw-state-focus {
	border-color: #843534;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 6px #CE8483;
}
.has-error.rw-widget > .rw-select {
	border-left: 1px solid #843534;
	color: #A94442;
	background-color: #F2DEDE;
}

/* Fix Alert Spacing inside */
.alert.saving-transaction-alert {
	margin: 20px 0 0 0;
}