html {
	box-sizing: border-box;
	--archive-banner-height: 68px
}

*,
*::before,
*::after {
	box-sizing: inherit
}

html,
body {
	height: 100%
}

body {
	margin: 0;
	padding-top: var(--archive-banner-height)
}

main {
	min-height: calc(100vh - var(--archive-banner-height));
	height: calc(100vh - var(--archive-banner-height))
}

#archive-banner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2000;
	display: flex;
	align-items: flex-start;
	gap: 1em;
	padding: 10px 1.25em 9px;
	background: #d6e5ea;
	border-bottom: 1px solid #9eb8c2;
	color: #1c1c1c;
	font-size: 16px;
	line-height: 1.4;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08)
}

.archive-banner-icon {
	flex: 0 0 auto;
	width: 1.75em;
	height: 1.75em;
	border-radius: 50%;
	background: #005a7a;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75em;
	text-align: center
}

.archive-banner-content {
	min-width: 0
}

.archive-banner-title,
.archive-banner-text {
	margin: 0
}

.archive-banner-title {
	font-size: 1.05em;
	font-weight: bold
}

.archive-banner-text {
	margin-top: 0.2em
}

.archive-banner-text a {
	color: #005073;
	font-weight: bold;
	word-break: break-word
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 18px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #474d52; 
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #FFbd00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #FFbd00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


#map {
	height: 100%;
	border-left: 2px solid #ebae00
}

#map-row {
	height: 100%
}

#search-column {
	max-height: 100%;
	overflow: auto;
	padding: 0
}

.nav-tabs,
.tab-content {
	padding: 0 1.2em
}

.collapse-link {
	display: none
}

#toggle-pane-link {
	display: none
}

.btn-primary {
	background: #5382af;
	border: 1px solid #144a69;
	font-size: 1.15em;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.45)
}

.btn-primary:hover {
	background: #1c6893
}

h1 {
	background: #FFbd00;
	font-size: 2em;
	color: white;
	padding: 0.5em;
	margin-bottom: 1em;
	text-align: center;
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
	margin-top: 0;
	position: relative
}

h2 {
	font-size: 1.5em
}

#search-parameters h2 {
	margin-top: 1.833em;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	font-weight: bold;
	color: 474d52;
	border-bottom: 1px solid #ffebb3
}

#search-geodex-button {
	margin-top: 1em
}

#series-list,
#publishers-list {
	max-width: 100%
}

#years-not-in-order {
	display: none
}

#series-to-be-searched,
#publishers-to-be-searched {
	width: 100%
}

.series-span {
	display: block;
	width: 100%;
	background-color: #ffebb3;
	margin-bottom: 0.5em;
	padding: 0.25em 18px 0.25em 0.5em;
	position: relative
}

.series-span .close {
	position: absolute;
	right: 7px;
	top: 3px
}

.publisher-span {
	display: block;
	width: 100%;
	background-color: #dbedf8;
	margin-bottom: 0.5em;
	padding: 0.25em 18px 0.25em 0.5em;
	position: relative
}

.publisher-span .close {
	position: absolute;
	right: 7px;
	top: 3px
}

form em {
	font-size: 1em;
	color: #777
}

#exclude-large-area-toggle {
	display: none
}

.list-group .list-group-item {
	overflow: auto
}

.list-group .list-group-item:hover {
	background-color: #eaeaea
}

.list-group .attr-modal-link,
.list-group .show-map-outline-link {
	display: block;
	float: left;
	margin-right: 1em
}

.list-group .bookmark-link {
	color: #bd8c00;
	position: absolute;
	top: 0.66em;
	right: 1em
}

.list-group .search-result {
	float: left
}

.modal-lg {
	min-width: 900px;
	width: 50%
}

#update-saved-records-list {
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.25em
}

#no-saved-records {
	margin: 0
}

#saved-records-list {
	padding-left: 0;
	margin-top: 1em
}

thead {
	font-weight: bold;
	color: #2586be;
	font-size: 1.33em
}

tbody {
	font-size: 0.9em
}

.null-value {
	color: #bbb;
	font-style: italic
}

.table {
	margin-bottom: 0
}

#export-table thead,
#export-table tbody {
	display: none
}

.outline-control,
.coordinate-search-control {
	font-size: 0.9em;
	background-color: white;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	border-radius: 4px;
	padding: 1em 1em 0.5em
}

.outline-control p,
.outline-control a,
.coordinate-search-control p,
.coordinate-search-control a {
	font-size: 1.33em;
	margin-bottom: 0.5em
}

.agsl-control {
	width: 200px
}

.agsl-control img {
	width: 100%
}

.collapsed {
	height: 10vh !important;
	overflow-y: hidden !important
}

.collapsed * {
	display: none
}

.collapsed .collapse-link {
	display: block;
	position: fixed
}

.expanded {
	height: 90vh !important
}

@media print {
	#map,
	h1,
	.nav,
	#search-parameters,
	#search-results,
	#bookmarks>h2,
	#saved-records-list,
	#update-saved-records-list,
	.xls,
	#print {
		display: none
	}
	#export-table thead {
		display: table-header-group;
		width: 100%
	}
	#export-table tbody {
		display: table-row-group;
		width: 100%
	}
}

@media screen and (max-width: 1800px) {
	.nav-tabs i {
		display: none
	}
}

@media screen and (max-width: 1518px) and (min-width: 1200px) {
	.nav>li>a {
		font-size: 0.9em;
		padding: 0.4em
	}
	h1 {
		font-size: 1.75em
	}
	h2 {
		font-size: 1.33em;
		font-weight: 500
	}
	h3 {
		font-size: 1.2em;
		font-weight: bold
	}
	.list-group .attr-modal-link,
	.list-group .show-map-outline-link,
	.list-group .bookmark-link {
		display: block;
		float: left;
		width: 33%;
		text-align: center;
		margin: 0;
		position: initial;
		padding: 0.33em;
		margin-bottom: 0.5em
	}
	.list-group .search-result {
		font-size: 1.1em
	}
}

@media screen and (max-width: 1199px) {
	#map {
		display: none;
		height: 93vh;
		margin-top: 7vh;
		border: 0
	}
	#search-column {
		height: 93vh;
		margin-top: 7vh
	}
	.nav-tabs {
		margin-top: 1em
	}
	h1 {
		display: none
	}
	#toggle-pane-link {
		display: block;
		position: fixed;
		top: var(--archive-banner-height);
		left: 0;
		width: 100%;
		height: 7vh;
		background: fuchsia;
		text-align: center;
		background: #e6aa00;
		color: white;
		font-size: 3.5vh;
		text-decoration: none;
		padding-top: 1vh
	}
	.outline-control,
	.coordinate-search-control {
		display: none
	}
	#archive-banner {
		padding: 0.9em 1em
	}
	.archive-banner-title {
		font-size: 1em
	}
	.archive-banner-text {
		font-size: 0.95em
	}
}

@media screen and (max-width: 767px) {
	html {
		--archive-banner-height: 104px
	}
}