body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	overflow-y: scroll;
}

#MainContentContainer {
	flex: 1 0 auto;
}

ul.subnav li {
	padding-left: 1.5rem;
}

div.PatronMenuSeparator {
	border-top: 1px solid black;
}

.sidebar {
	margin-left: 1rem;
	min-width: 16rem;
	max-width: 16rem;
	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar .nav-link.active {
	font-weight: bold;
}

.sidebar [data-toggle="collapse"] {
	position: relative;
}

.sidebar [aria-expanded="true"] span.ExpandIcon {
	display: none;
}

.sidebar [aria-expanded="false"] span.ExpandIcon {
	float: left;
	margin-left: -1rem;
	width: 1rem;
	font-size: 85%;
	vertical-align: text-top;
}

.sidebar [aria-expanded="false"] span.CollapseIcon {
	display: none;
}

.sidebar [aria-expanded="true"] span.CollapseIcon {
	/*display: inline-block;*/
	float: left;
	margin-left: -1rem;
	width: 1rem;
	font-size: 85%;
	vertical-align: text-top;
}

#Footer {
	padding: 1rem 1rem 1rem 18rem;
}

@media ( max-width : 1199.98px) {
	#MainContentContainer {
		flex-direction: column;
	}
	#Footer {
		padding: 1rem;
	}
}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md,
	.text-left-not-lg {
	text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md,
	.text-center-not-lg {
	text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md,
	.text-right-not-lg {
	text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md,
	.text-justify-not-lg {
	text-align: justify;
}

@media ( max-width : 767px) {
	.text-left-not-xs, .text-center-not-xs, .text-right-not-xs,
		.text-justify-not-xs {
		text-align: inherit;
	}
	.text-left-xs {
		text-align: left;
	}
	.text-center-xs {
		text-align: center;
	}
	.text-right-xs {
		text-align: right;
	}
	.text-justify-xs {
		text-align: justify;
	}
}

@media (max-width: 991px) {
	.text-left-not-sm, .text-center-not-sm, .text-right-not-sm,
		.text-justify-not-sm {
		text-align: inherit;
	}
	.text-left-sm {
		text-align: left;
	}
	.text-center-sm {
		text-align: center;
	}
	.text-right-sm {
		text-align: right;
	}
	.text-justify-sm {
		text-align: justify;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.text-left-not-md, .text-center-not-md, .text-right-not-md,
		.text-justify-not-md {
		text-align: inherit;
	}
	.text-left-md {
		text-align: left;
	}
	.text-center-md {
		text-align: center;
	}
	.text-right-md {
		text-align: right;
	}
	.text-justify-md {
		text-align: justify;
	}
}

@media ( min-width : 1200px) {
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg,
		.text-justify-not-lg {
		text-align: inherit;
	}
	.text-left-lg {
		text-align: left;
	}
	.text-center-lg {
		text-align: center;
	}
	.text-right-lg {
		text-align: right;
	}
	.text-justify-lg {
		text-align: justify;
	}
}

#PatronContactForm label.Preferred {
	font-weight: bold;
}

#SearchParametersCard {
	max-width: 40rem;
	margin-bottom: 3rem;
}

#ConsumerHeader li span.Label {
	display: inline-block;
	min-width: 5rem;
	text-align: right;
}

#ConsumerHeader li span.Value {
	display: inline-block;
	min-width: 5rem;
	margin-right: 1rem;
	text-align: left;
}

#ConsumerHeader {
	margin-right: -15px; /* Offset the margin from bootstrap's container class */
}

#PatronNotes .NoteText {
	white-space: pre-line;
}

#PatronContactForm h3 {
	margin-top: 2rem;
}

#PatronContactForm .ButtonRow {
	margin-top: 2rem;
}


/* Highlight for link hover */
a:hover {
	color: highlighttext;
	background-color: highlight;
}


/* Rotating chevron on collapse panels */
a[data-toggle=collapse] i.material-icons {
	font-size: inherit;
	line-height: inherit;
}
a[aria-expanded=true] i.material-icons {
	transition: all 0.2s linear;
}
a[aria-expanded=false] i.material-icons {
	transition: all 0.2s linear;
	transform: rotate(-90deg);
}


/* Plus/minus on collapse panels */
a[aria-expanded=true].ExpandableRowToggle i.fa:before {   
	content: "-";
}

a[aria-expanded=false].collapsed.ExpandableRowToggle i.fa:before {
	content: "+";
}





/* Items Out page */
#ItemsOutTable .ItemInfoColumn {
	width: 20rem;
}

#ItemsOutTable .DateColumn {
	width: 15rem;
}

#ItemsOutTable .StatusColumn {
	width: 8rem;
}

button.btn span.material-icons {
	vertical-align: middle;
}