.tooltipster-sidetip .tooltipster-box {
	background: #fff;
	border: none;
	border-radius: 1.5rem;
	box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4)
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #ccc;
	border-bottom-color: rgba(255, 255, 255, 0.9)
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #1b1b1b;
	border-left-color: rgba(255, 255, 255, 0.9)
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #1b1b1b;
	border-right-color: rgba(255, 255, 255, 0.9)
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #fff;
	border-top-color: rgba(255, 255, 255, 0.9)
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #fff
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #fff
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #fff
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #fff
}

.tooltipster-sidetip .tooltipster-content {
	color: #222;
	padding: 10px
}

@media print {
	.no-print,
	.no-print * {
		display: none !important
	}
}

.fa,
.far,
.fas {
	font-weight: bold !important
}

html,
body {
	background: #fff;
	/*overflow-x: hidden;*/
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

header {
	clear: both
}

.breadcrumb {
	margin: 10px 0;
	background: none;
	border-radius: 0
}

.breadcrumb i.fas {
	font-size: 0.8rem;
	color: #ccc;
	display: inline-block;
	padding: 8px 10px
}

.breadcrumb .current {
	font-weight: 100;
	color: #68797D
}

nav {
	height: 50px;
	padding: 0px;
	/*background: #06c*/
}

nav .logo {
	max-height: 100%;
	max-width: 130px;
	width: auto
}

nav .navbar-brand {
	float: left;
	background: url("/imgs/icon-arrow-white-medium.png") no-repeat left 6px;
	padding-left: 35px;
	padding-top: 3px;
	color: #ffffff
}

.hero {
	padding: 0
}

@media (max-width: 568px) {
	.container,
	.container-fluid {
		padding-right: 8px;
		padding-left: 8px
	}
}

#inputSearch {
	/*border: 1px #ddd solid;*/
	/*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 15px 50px 15px 10px*/
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	#inputSearch {
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1)
	}
}

#loading {
	font-size: 9pt;
	padding: 50px 0px;
	width: 100%;
	border-top: 1px #ccc solid
}

.searchbar .selection-wrapper {
	position: absolute;
	left: -230px;
	top: 0px;
	color: #fff
}

.searchbar .selection-wrapper label:after {
	font-family: "Font Awesome 5 Free";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0d7";
	padding-right: 10px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 12px;
	background-color: transparent;
	color: inherit;
	text-rendering: optimizeLegibility;
	z-index: 2
}

.searchbar .selection-wrapper select {
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: inherit;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
	height: 28px;
	padding-right: 10%;
	box-sizing: content-box;
	position: relative;
	z-index: 1
}

.searchbar .selection {
	-webkit-appearance: none;
	background: none;
	border: none;
	color: inherit;
	padding-right: 25px;
	outline: none;
	background-color: #ccc
}

.search-form {
	position: relative
}

.search-form button {
	position: absolute;
	right: 10px;
	top: 2px;
	height: calc(100% - 5px);
	width: 50px;
	font-size: 16pt;
	line-height: 0px;
	background: #fff;
	color: #68797D;
	border: none
}

.search-form button:hover {
	color: #000
}

@media (min-width: 768px) {
	.search-form button {
		right: 20px
	}
}

.search-tools {
	height: 40px
}

.search-tools ul {
	margin: 0;
	padding: 0px 0 15px;
	list-style: none;
	white-space: nowrap;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
	overflow: scroll;
	touch-action: pan-y;
	-ms-touch-action: pan-y
}

.search-tools ul::-webkit-scrollbar {
	width: 0 !important
}

.search-tools ul li {
	display: inline-block
}

.search-tools ul a {
	padding: 10px 12px 10px;
	cursor: pointer;
	color: #999 !important;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out
}

.search-tools ul a:hover {
	background: darker(#06c, 25%);
	color: #fff
}

.search-tools ul a .results {
	font-size: 9pt;
	opacity: 0.5;
	padding-left: 5px;
	text-decoration: none
}

.search-tools ul a.active {
	color: #000 !important;
	border-bottom: 5px #10227B solid
}

.resource-filters .form-control {
	margin-bottom: 5px
}

@media (min-width: 992px) {
	.resource-filters .form-control {
		width: 98%;
		margin-bottom: 0
	}
}

a[aria-expanded=true] .fa-chevron-right {
	display: none
}

a[aria-expanded=false] .fa-chevron-down {
	display: none
}

.dropdown-toggle {
	width: 100%;
	display: block
}

.dropdown-menu.show {
	/*width: 95%*/
}

.btn.filter-active {
	background-color: #00234B !important
}

.alphabet-filter {
	background: #e1e1e1;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: 20px
}

.alphabet-filter a {
	color: #00234B !important;
	display: inline-block;
	padding: 8px 1%;
	/*text-transform: uppercase;*/
	cursor: not-allowed;
	opacity: 0.1
}

.alphabet-filter a.active {
	cursor: pointer;
	opacity: 1
}

.alphabet-filter a.selected {
	background: #97182f;
  text-decoration: underline;
	color: #fff !important
}

@media (min-width: 768px) {
	.alphabet-filter a {
		padding: 8px 0.5%
	}
}

@media (min-width: 992px) {
	.alphabet-filter a {
		padding: 8px 1.05%
	}
}

.alphabet-filter a:hover {
	background: #00234B;
	color: #fff !important
}

.card-text-resource {
	font-size: 0.8rem;
	color: #ddd
}

.huge-text {
	font-size: 2.5rem
}

.line-bottom {
	border: 0;
	border-bottom: 1px #ccc solid
}

.resources-ask {
	padding-top: 20px
}

.grouped {
	background: rgba(0, 0, 0, 0.01);
	border-left: 1px #fefefe solid;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}

.level_1 {
	padding: 20px 0 0
}

.level_1 b {
	font-size: 2rem
}

.level_1 h4 {
	padding: 0;
	margin: 0
}

.level_2 a {
	display: block;
	padding: 10px 0
}

.resource_item {
	
}

.resource_item .notes {
	font-size: 0.8rem
}

.resource_item .sub_links a {
	text-decoration: underline;
	color: #3b55c9;
	font-size: 0.8rem
}

.grid .resource_item {
	border-radius: 0.5rem;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 10px;
	border: none;
	/*height: 150px;*/
	overflow: hidden;
	font-size: 0.8rem;
	margin-bottom: 10px;
	margin-top: 10px
}
.grid .resource_item_databases{
  height: 200px
}

.search-result {
	padding: 5px 0
}

.search-result a {
	/*color: #06c;*/
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 1.30;
	margin-bottom: 0.05em;
	display: block
}

.search-result .snippet {
	font-size: 9pt;
	line-height: 1.8em;
	color: #333
}

.search-result .abstract {
	white-space: nowrap;
	max-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.search-result .coverImages {
	float: left;
	display: inline-block;
	padding: 10px;
	padding-left: 0px;
	margin-top: -5px;
	max-height: 100px
}

.result {
	position: relative;
	transition: 0.3s all ease-out
}

.result:hover .selector_toggle {
	opacity: 0.5
}

.result .dropdown-item {
	padding: 0;
	font-size: 0.8rem
}

.result .cover-art-box {
	margin-bottom: 20px
}

.result.more-options-showing {
	border-radius: 0.5rem;
	box-shadow: 0 9px 18px rgba(0, 0, 0, 0.2), 0 5px 2px rgba(0, 0, 0, 0.12);
	transform: scale(1.05);
	background: #fff;
	z-index: 2
}

.result .more-options-selector {
	font-size: 1.5rem;
	float: right;
	opacity: 0.5;
	margin: -5px;
	padding: 0 5px
}

.result .options {
	transition: 0.3s all linear;
	clear: both;
	border-top: 1px #ccc solid;
	margin: 0 -14px -10px;
	padding: 0;
	opacity: 1;
	text-align: right;
	display: none
}

.result .options .more-options-section a {
	font-size: 1rem;
	color: #333;
	opacity: 0.1;
	padding: 4px 10px;
	transition: 0.4s all linear;
	transition-delay: 0.2s
}

.result .more-options-section {
	opacity: 0;
	transition: 0.4s all linear;
	display: inline-block
}

.result.more-options-showing .more-options-selector {
	opacity: 1;
	background: #ccc;
	color: #fff;
	border-radius: 2rem
}

.result.more-options-showing .more-options-section {
	opacity: 1;
	padding: 10px
}

.result.more-options-showing .options {
	display: block
}

.result.more-options-showing .options a {
	opacity: 1
}

.result:hover .options a,
.result:hover .more-options-selector {
	opacity: 1
}

.result .citation-box {
	max-width: 50%;
	background: #fefefe;
	border: 1px #eee solid;
	padding: 10px;
	font-size: 0.8rem;
	text-align: center;
	display: block;
	margin: 10px auto
}

.result .citation-box textarea {
	width: 100%;
	-webkit-appearance: none;
	background: transparent;
	border: none;
	outline: none
}

.result .citation-box a.btn {
	color: #fff;
	margin-top: 1rem
}

.card-body {
	position: relative
}

.card-body .selector_toggle {
	position: absolute;
	left: 45px;
	top: 140px;
	padding: 10px 40px 0 0;
	font-size: 20pt;
	opacity: 0.1;
	z-index: 10;
	display: block
}

.card-body.list .selector_toggle {
	top: -15px !important;
	right: 0px;
	left: auto
}

.card-body.list table {
	display: none
}

.card-body a {
	
}

.toggleFilter {
	padding: 10px;
	-webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: #fff
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.toggleFilter {
		box-shadow: 0px 0 6px rgba(0, 0, 0, 0.1)
	}
}

.toggleFilter.on {
	-webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0);
	box-shadow: 0px 0 3px rgba(0, 0, 0, 0)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.toggleFilter.on {
		box-shadow: 0px 0 6px rgba(0, 0, 0, 0)
	}
}

#sendEmail .email-message-body {
	max-height: 300px;
	overflow: scroll
}

#sendEmail .email-message-body p {
	font-size: 0.8rem
}

.notice {
	border-radius: 1rem;
	padding: 2px;
	font-size: 0.7rem !important;
	text-align: center;
	padding: 4px 8px;
	background: #333;
	color: #fff;
	display: inline-block;
	margin-left: 2px
}

.notice.isActive {
	background: red
}

.filter-box .radio-wrapper,
.filter-box .checkbox-wrapper {
	position: relative
}

.filter-box input[type="checkbox"],
.filter-box input[type="radio"] {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	width: 15px;
	-webkit-appearance: none
}

.filter-box .radio-label,
.filter-box .checkbox-label {
	display: flex;
	position: relative;
	font-size: 0.8rem;
	font-weight: 400;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
	cursor: pointer;
	opacity: 0.9
}

.filter-box .radio-label:before,
.filter-box .radio-label:after,
.filter-box .checkbox-label:before,
.filter-box .checkbox-label:after {
	pointer-events: none
}

.filter-box .radio-label:before,
.filter-box .radio-label:after {
	border-radius: 50%
}

.filter-box .radio-label:before,
.filter-box .checkbox-label:before {
	display: flex;
	content: ' ';
	height: 20px;
	width: 20px;
	border: solid 1px #000;
	border-radius: 0.2rem;
	background: #fefefe;
	margin-right: 10px;
	flex: 0.2 20px;
	flex-grow: 0;
	flex-shrink: 0
}

.filter-box .radio-label:after,
.filter-box .checkbox-label:after {
	position: absolute;
	top: 7px;
	left: 7px;
	display: flex;
	content: ' ';
	height: 12px;
	width: 12px;
	background: #000;
	transform: scale(0);
	transition: transform .1s linear
}

.filter-box .checkbox-label:after {
	height: 26px;
	width: 12px;
	left: 4.5px;
	top: calc(50% - 14px);
	border-bottom: solid 4px #000;
	border-right: solid 4px #000;
	background: transparent;
	transform: rotate(45deg) scale(0);
	transition: transform 0.1s ease, opacity 0.1s ease;
	transform-origin: center center
}

.filter-box .radio-wrapper input[type="radio"]:checked+.radio-label:after {
	transform: scale(1)
}

.filter-box .checkbox-wrapper input[type="checkbox"]:checked+.checkbox-label:after {
	opacity: 1;
	transform: rotate(45deg) scale(0.45)
}

.filter-box .checkbox-wrapper input[type="checkbox"]:checked+.checkbox-label {
	opacity: 1
}

.filter-box .checkbox-wrapper input[type="checkbox"]:checked+.checkbox-label:before {
	background: gray
}

.filter_box {
	padding: 5px 10px;
	-webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	background: #fff
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.filter_box {
		box-shadow: 0px 0 6px rgba(0, 0, 0, 0.1)
	}
}

@media (min-width: 992px) {
	.filter_box {
		position: absolute;
		right: 0px;
		max-width: 300px;
		min-width: 300px
	}
}

.filter_box a {
	opacity: 0.8;
	cursor: pointer
}

.filter_box a:hover,
.filter_box a.on {
	opacity: 1
}

.filter_box .active_filters li {
	background: #ccc;
	display: inline-block;
	margin: 3px;
	border-radius: 3px;
	color: #fff;
	width: auto;
	padding: 3px;
	font-size: 9pt;
	cursor: pointer;
	transition: all 0.4s linear
}

.filter_box .active_filters li:hover {
	background: #68797D
}

.filter_box .filter {
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	margin-bottom: 20px
}

.filter_box .filter>div {
	transition: all 0.3s ease-in-out
}

.filter_box .filter .minimised {
	overflow: hidden;
	max-height: 200px;
	-webkit-box-shadow: inset 0px -10px 11px -10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px -10px 11px -10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px -10px 11px -10px rgba(0, 0, 0, 0.1)
}

.filter_box .filter .expanded {
	-webkit-box-shadow: inset 0px 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0px 0 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0 0 rgba(0, 0, 0, 0);
	background: #fefefe;
	padding-bottom: 0px;
	margin-bottom: 0px;
	max-height: 999px;
	overflow: hidden
}

.filter_box .filter .toggle {
	position: absolute;
	bottom: -13px;
	display: block;
	color: #06c
}

.filter_box .toggle-filter {
	font-size: 11pt;
	text-align: center;
	padding: 5px;
	display: block;
	color: #06c;
	font-weight: bold;
	opacity: 0.5;
	cursor: pointer
}

.filter_box .toggle-filter:hover {
	opacity: 1
}

.filter_box ul {
	padding: 10px 0 5px;
	margin: 0px;
	margin-bottom: 30px
}

.filter_box li {
	list-style: none;
	padding: 0;
	font-size: 10pt;
	position: relative;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px
}

.filter_box li a {
	white-space: none;
	overflow: none;
	text-overflow: ellipsis;
	padding-right: 30px;
	width: 100%;
	display: block
}

.filter_box li .resultnums {
	opacity: 0.5;
	right: 10px;
	top: 20%;
	position: absolute
}
/*Some record may have multiple GMDs ending with Onlime. It results in class="card-body grid type_law-report; online"*/
.online {
	/*color: green*/
}

span.highlight {
	background: yellow
}

h1.line-title,
h2.line-title,
h3.line-title,
h4.line-title,
h5.line-title,
h6.line-title {
	text-decoration: none;
	display: table;
	white-space: nowrap;
	text-align: right;
	background: #fff
}

h1.line-title:after,
h2.line-title:after,
h3.line-title:after,
h4.line-title:after,
h5.line-title:after,
h6.line-title:after {
	border-top: 1px solid #ccc;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.6em;
	width: 100%
}

h1.line-title:after,
h2.line-title:after,
h3.line-title:after,
h4.line-title:after,
h5.line-title:after,
h6.line-title:after {
	left: 1.5%
}

.search-results,
.full-record {
	background: #fff;
	padding: 20px 0
}

.search-results .container,
.full-record .container {
	position: relative
}

@media (min-width: 992px) {
	.search-results .container,
	.full-record .container {
		padding-right: 300px;
		min-height: 300px
	}
}

.search-results .type,
.full-record .type {
	padding: none;
	color: #68797D
}

.search-results .record-title,
.full-record .record-title {
	margin-top: 0px;
	color: #000000;
	
}

.search-results .links,
.full-record .links {
	margin: 0px;
	padding: 5px;
	border-radius: 0
}

.search-results .links .link,
.full-record .links .link {
	margin-top: 1px;
	padding: 10px;
	border-bottom: 1px #ccc solid
}

.search-results .links .link .notes,
.full-record .links .link .notes {
	display: block;
	font-size: 0.8rem;
	color: #333
}

.search-results .links .link .address,
.full-record .links .link .address {
	
}

.search-results .links .link .icon,
.full-record .links .link .icon {
	position: absolute;
	right: 20px;
	opacity: 0.9;
	color: #333;
	font-size: 15pt;
	top: 30%
}

.search-results .docLinks,
.full-record .docLinks {
	padding-left: 10px
}

.search-results .docLinks .exticon,
.full-record .docLinks .exticon {
	position: absolute;
	top: 5px;
	right: 5px;
	
	opacity: 0.5
}

.search-results .docLinks a,
.full-record .docLinks a {
	position: relative;
	padding-right: 30px;
	padding-left: 15px;
	line-height: 0px;
	text-align: left;
	max-width: 300px;
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px
}

.search-results .docLinks i,
.full-record .docLinks i {
	float: left;
	margin: 5px 10px 0 -1px;
	
}

.search-results .docLinks b,
.full-record .docLinks b {
	
	white-space: normal;
	text-overflow: ellipsis
}

.search-results .docLinks span,
.full-record .docLinks span {
	
	opacity: 0.9;
	line-height: normal
}

.shelf table .on-loan .status {
	color: #700000;
	font-weight: 800
}

.record-paging {
	font-weight: 100
}

.record-paging b {
	padding: 0 10px
}

.record-paging * {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.full-record h4 {
	margin-bottom: 40px
}


.full-record .coverImages {
	float: right;
	display: inline-block;
	padding: 10px;
	padding-left: 0px;
	margin-top: -5px
}

.full-record .fldname {
	font-weight: bold;
	display: inline-block;
	width: 150px;
	text-overflow: ellipsis;
	overflow: hidden
}

.related {
	border-radius: 0.2rem;
	margin: 2px 0;
	border-bottom: 1px #f1f1f1 solid;
	padding: 10px
}

.preview-collapsed .links {
	box-shadow: inset 0px -30px 15px -25px rgba(0, 0, 0, 0.2);
	max-height: 300px;
	border-radius: 0.5rem;
	overflow: hidden;
	transition: all 0.4s ease-in-out
}

.preview-collapsed .contract-text {
	display: none
}

.preview-collapsed .expand-text {
	display: block
}

.preview-collapsed.preview-small .links {
	max-height: 100px
}

.preview-collapsed.expanded .links {
	max-height: 10000px;
	box-shadow: none
}

.preview-collapsed.expanded .contract-text {
	display: block
}

.preview-collapsed.expanded .expand-text {
	display: none
}

.email .email-loading,
.email .email-success {
	text-align: center;
	font-size: 3em;
	color: #68797D;
	padding: 20px
}

.email .email-success {
	color: green
}

.email .email-error {
	color: red;
	border: 1px red solid;
	padding: 20px;
	border-radius: 1rem;
	margin-bottom: 1rem
}

.error {
	background-color: #fff3f3;
	padding: 20px
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.cursor {
	cursor: pointer
}

.select2-selection__rendered {
	line-height: 38px !important
}

.select2-container .select2-selection--single {
	height: 39px !important
}

.select2-selection__arrow {
	height: 40px !important
}