@media screen {
body {
	padding-top: 1cm;
}

/* pageFooter fixed at bottom, 50% opacity, 100% on hover */
#pageFooter {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: .5;
	filter: alpha(opacity=50); /* IE8 and earlier */
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;

	/* Stop div from overlapping and blocking access to scrollbars
	   along the bottom of the orders and users tables (OJ-334). */
	z-index: -1;
}

#pageFooter:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* IE8 and earlier */
}

#logo {
	margin: 1em auto;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.min-wid-1in {
	min-width: 1in;
	text-align: right;
}

tr.userRow.active {
	background-color: #428bca;
}

.table-responsive {
	overflow-x: auto;
}

.table-responsive th,
.table-responsive td {
	white-space: nowrap;
}

.updated {
	font-style: italic;
}

.stacktrace {
	font-size: xx-small;
	white-space: nowrap;
	overflow: auto;
}

.stacktrace p {
	margin: 0;
	padding: 0;
}

.selected td {
		background-color: rgba(44, 117, 255, 0.2) !important;
}

.selected:hover td {
		background-color: rgba(44, 117, 255, 0.3) !important;
}

	.label-COMPLETED {
		background-color: #5cb85c;
	}

	.label-READY_TOSEND {
		background-color: #f0ad4e;
	}

	.label-INCOMPLETE {
		background-color: #d9534f;
	}

	.label-HOLD, .label-DUPLICATE, .label-SAVED {
		background-color: #999;
	}

/* Limit the width of the orders table comments column. Full comment is shown in tooltip. */
.orderColComment {
	max-width: 8em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Limit the size of the comment tooltip in orders table */
.tooltip-inner {
	max-width: 300px !important;
	white-space: pre-wrap !important;
}

/* WORKAROUND for the filter-by-customer input's border radius
	(intermediate inputs in an input group don't get rounded borders;
		the filter panel hijacks the Bootstrap input-group component
		for sectional colouring, using a div (containing the filter
			controls) instead of bare inputs) */
#filterForm input[type=text] {
	border-radius: 4px;
}

/* Enable autocomplete dropdown to float above Bootstrap modal pane */
.acResults {
	/* Bootstrap modals are positioned around z-index 1050. */
	/* Put the autocomplete results a level higher. */
	z-index: 2000;
}

.reportsTable td {
	padding-left: 5px;
	padding-right: 5px;
}

/* Bootstrap 3.0.2 doesn't have the style class for the alert icon, putting it in here for now. */
.glyphicon-alert:before {
  content: "\e209";
}

/* Used for the Rejected Items warning, to give it the proper color */
.orderRejectedItemsWarning {
	color: rgb(237, 156, 7);
}

/* Used for the Test Order warning, to give it the proper color */
.testOrderWarning {
	color: rgb(237, 237, 7);
}

/* Used for the Price Override warning, to give it the proper color */
.priceOverrideWarning {
	color: rgb(237, 156, 7);
}

.panel-rejected {
	border-color: rgb(237, 156, 7);
}

	.panel-rejected > .panel-heading {
	color: #333;
	background-color: rgb(250, 189, 78);
	border-color: rgb(237, 156, 7);
}

	.panel-rejected > .panel-heading + .panel-collapse .panel-body {
	border-top-color: rgb(237, 156, 7);
}

	.panel-rejected > .panel-heading > .dropdown .caret {
	border-color: #c09853 transparent
}

	.panel-rejected > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: rgb(237, 156, 7)
}

	#orderForm #signature img {
	max-width: 100%;
	max-height: 15ex;
}
}

@media print {
	.container>.row>.col-xs-2, #pageFooter, .breadcrumb, .btn-group, .no-print{
		display: none;
	}
	.container{
		width: 100%
	}
	.main-content{
		width: 100%
	}
	.form-horizontal .control-label{
		text-align: right;
	}
	.col-sm-3{
		width: 25%;
		float: left;
	}
	.page-header{
		margin-top: unset;
	}
	a[href]:after {
		content: none !important;
	}
	img{
		filter: grayscale(1);
	}
	.panel-rejected {
		border-color: black;
	}
	.panel-rejected > .panel-heading {
		border-color: black;
	}
	/*Copied in this ugly-ass definition from Bootstrap so we can hard-override and force tables to not scroll, but instead to just wrap text down.
		Means things like the rejected-items table don't end up printing with a scrollbar.
	 */
	.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td{
		white-space: unset;
	}

}