html, body {
	height: 100%;
}

/*
 * Causes two-column layout forms to display their labels above their inputs, rather than beside them.
 * Allows these format forms to fit on screen much better.
 */
@media (max-width: 1200px) {
	.form-horizontal .span6 .control-label.span3 {
		float: none;
		padding-top: 0;
		text-align: left;
		width: auto;
	}

	.form-horizontal .span6 .controls.span9 {
		margin-left: 0;
	}
}

footer {
	color: #666;
	background: #222;
	padding: 8px 0 0 0;
	position: fixed;
	bottom: 0px;
	width: 100%;
	display:none; /* hidden */
}

@media (max-width: 979px) {
	footer {
		position: inherit;
		margin-top: 30px;
	}
}

footer a {
	color: #999;
}

footer a:hover {
	color: #efefef;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -38px;
}

.push {
	height: 63px;
}

@media (max-width: 979px) {
	.push {
		height: 0px;
	}
}

/* sticky form actions */
#form-actions {
	position: fixed;
	bottom: 0px;
	padding-bottom: 8px;
	padding-top: 8px;
}

@media (max-width: 979px) {
	#form-actions {
		position: inherit;
		margin-top: -50px;
	}
}

#dashboardContentHead {
	position: fixed;
	background-color: #fff;
	margin: -60px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	z-index: 10;
}

@media (max-width: 979px) {
	#dashboardContentHead {
		position: inherit;
		background-color: transparent;
	}
}

#dashboardContentHead h3 {
	line-height: 20px;
}

#dashboardContentAndFeedback {
	padding-top: 35px;
}

#dashboardLoadingFeedback {
	background-color: white;
	position: absolute;
	top: 150px;
	width: 50%;
	display: none;
}

/* not required for sticky footer; just pushes hero down a bit */
.wrapper > .container {
	padding-top: 60px;
}

.sidebar-nav-fixed {
	position: fixed;
	/*top: 60px;*/
	width: 21.97%;
}

@media (max-width: 767px) {
	.sidebar-nav-fixed {
		position: static;
		width: auto;
	}
}

@media (max-width: 979px) {
	.sidebar-nav-fixed {
		/*top: 70px;*/
	}
}

.account_inactive, .jstree .account_inactive a {
	color: #777;
	font-style: italic;
}

/* overrides bootstrap's margin settings for checkboxes and radios, which misaligns elements. */
input[type="radio"], input[type="checkbox"] {
	margin-top: 0px;
}

/* override so form controls don't float too high */
.form-actions {
	margin-bottom: 0;
}

.table-pointer tbody tr {
	cursor: pointer;
}

table.dataTable tr.odd {
	background-color: #F9F9F9;
}

table.dataTable tr.odd td.sorting_1 {
	background-color: #F3F3F3;
}

table.dataTable tr.even td.sorting_1 {
	background-color: #F6F6F6;
}

table.dataTable .control-group {
	margin-bottom: 0px;
}

.highlight, table.dataTable tr.highlight, table.dataTable tr.highlight td.sorting_1 {
	color: white;
	background-color: #0088CC;
}

.removed, table.dataTable tr.removed, table.dataTable tr.removed td.sorting_1 {
	color: lightgrey;
	background-color: #F1F1F1;
}

.form-horizontal td .control-group {
	margin-bottom: 0px;
}

/* dropdown and navbar styles, moved from dashboardLandingPage */
.sidebar-nav {
	padding: 9px 0;
}

.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0;
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}

.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px;
}

/* custom jstree styling, to match bootstrap */
#accountsTree {
	overflow: auto;
}

#accountsTree li > ins {
	vertical-align: top;
}

#accountsTree .jstree-hovered, #accountsTree .jstree-clicked {
	border: 0;
}

#accountsTree .jstree-search {
	color: blue;
}

#accountsTree a {
	white-space: normal !important;
	height: auto;
	padding: 2px 1px;
	width: 90%;
}

#accountsTree a:hover {
	background-color: #eeeeee;
	/*border: 1px solid #eeeeee;*/
}

#accountsTree .jstree-clicked, #accountsTree .jstree-clicked:hover {
	background-color: #0088cc;
	/*border: 1px solid #0088cc;*/
}

.modal .modal-header.btn-info, .modal .modal-header.btn-danger {
	border-radius: 6px 6px 0px 0px;
}

/* Resizeable table */

.table-resizeable th{
	border-right: 1px solid #d3d3d3;
}

p.label_checkbox_pair {
	clear: both;
	float: none;
	position: relative;
}
p.label_checkbox_pair input {
	left: 10px;
	position: absolute;
	top: 1px;
}
p.label_checkbox_pair label {
	display: block;
	margin-left: 30px;
	width: 200px;
}