body, div, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
	margin: 0;
	padding: 0;
}

select {
	width: 20em;
}

#content {
	min-width: 500px;
	width: 30%;
	overflow: auto;
}

#page-content {
	height: 100vh;
}

#document-content {
	height: 100vh;
	width: 100%;
}

#main-nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 10em;
}

#nav-buttons-container, #header-title, #body-content, #content {
	box-sizing: border-box;
	padding: 0.5em;
}

#body-content {
	height: calc(100% - 10em);
	padding-bottom: 0;
}

#nav-buttons-container, #search-field {
	display: flex;
	justify-content: space-between;
}

#language-container {
	bottom: 0;
	padding-bottom: 1em;
	margin: 1em;
}

#language-list {
	display: flex;
	justify-content: space-around;
	padding: 0.5em;
}

#page-heading {
	height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#breadcrumbs {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	font-size: 0.75em;
	height: 2.25em;
}

#search-input {
	border-radius: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

#search-but-container {
	display: flex;
	align-items: center;
	height: 2.5em;
}

#search-but {
	height: 1.5em;
}

.section {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 100%;
}

.title {
	font-size: 2em;
}

#content-title {
	margin-left: 0.3em;
}

.menu-item {
	display: flex;
	align-items: center;
	font-size: 0.75em;
	margin: 1em;
}

.menu-but {
	padding: 1em;
}

.menu-but, .sub-menu-but {
	height: 2em;
	justify-content: space-between;
}

.menu-but-icon {
	height: 2em;
	width: 2em;
	background: no-repeat center;
}

.username-display {
	margin-top: 1em;
	height: 2em;
	align-self: center;
}

#user-display {
	justify-content: space-between;
}

#user-display-left {
	display: flex;
	justify-content: space-between;
}

#user-profile-icon {
	margin: 1em;
}

#user-settings-but {
	margin: 1em;
}

.sub-menu-but {
	height: 3em;
	padding: 1em;
}

.external-link {
	font-size: 0.75em;
	margin: 1em;
	padding: 1em;
}

#results-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.75em;
	margin: auto 0.75em;
}

.result-action {
	display: none;
	height: 3em;
	margin: auto 0.5em;
}

.result-action img {
	height: 100%;
}

.inner-list {
	overflow-y: auto;
}

#browse-list {
	height: 100%;
}

#results-list {
	height: calc(100% - 4em);
}

#num-docs-text, #sort-text {
	line-height: 1.5em;
}

#font-size-holder {
	width: 6em;
}

#merge-documents {
	display: flex;
}

#large-a, #small-a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
}

#large-a {
	font-size: 1.5em;
}

#small-a {
	font-size: 0.75em;
}

#pagination {
	display: flex;
	justify-content: space-around;
	padding: 0.5em;
}

.browse-page-menu-link {
	box-sizing: border-box;
	height: 6em;
	font-size: 1.25em;
	margin: 0.5em;
	padding: 1em;
}

.doc-item {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 6em;
	margin: 0.75em;
	font-size: 0.75em;
}

.doc-title {
	flex: 5;
}

.metadata-list {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	flex: 2;
	height: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-icon {
	padding: 0.5em;
}

.metadata-list, .merge-select {
	display: none;
}

.large-list .small-list-data, .small-list .large-list-data {
	display: none;
}

.hover-item:hover .hover-hidden {
	display: none;
}

.hover-item:not(:hover) .hover-show {
	display: none;
}

.merge-select {
	display: flex;
	justify-content: center;
	flex: 1;
}

.overlay {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
}

.container {
	display: flex;
}

.popup {
	justify-content: center;
	align-items: center;
}

.popup #content {
	margin: 2.5%;
}

.slide-out {
	justify-content: flex-end;
}

.slide-out #content {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

#content-buttons {
	display: flex;
	justify-content: flex-end;
}

#sign-out-but {
	margin-top: 0.5em;
}

.container-menu-but {
	padding: 0.25em;
}

.custom-content {
	height: calc(100% - 4em);
}

.bulk-search-textarea {
	height: 500px;
	width: calc(100% + 20em);
}

#doc-preview > img {
	max-width: 100%;
}

#scanner-prompt {
	font-size: 0.75em;
}

#scanner-input {
	font-size: 1.5em;
	width: 100%;
}

#scanner-animation {
	width: 100%;
}

.container-element {
	display: flex;
	margin: 0.5em;
	justify-content: space-between;
}

.container-element-option {
	padding-top: 1.5em;
	margin: 1em;
	justify-content: flex-end;
}

.sub-container-element {
	margin-left: 1em;
}

.container-element-left {
	margin: 0.5em;
}

.container-element-right {
	margin: 0.5em;
	margin-left: 3em;
}

.description {
	font-size: 0.9em;
	width: 60%;
}

.popup-but {
	margin-left: 1em;
	width: 13em;
	height: 3em;
}

.date-select-box {
	height: 3em;
	width: 15em;
}

.settings-input-box {
	height: 3em;
	width: 15em;
}

.user-select {
	height: 3.5em;
	width: 15em;
}

#metadata-field, #view-doc-but, #download-doc-but {
	margin: 1em auto;
}

#filter-container {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
}

#filter-list {
	overflow: auto;
}

#manage-users-list {
	width: 20em;
}

#manage-users-search{
	width: 20em;
}

#audit-users-search{
	width: 20em;
}

#audit-users-list{
	width: 20em;
}

#report-loading {
	align-self: center;
	margin: 0 auto;
}

#loading-animation {
	height: 10em;
	width: 10em;
}

.filter-category {
	margin: 1em auto;
}

.filter-value {
	display: block;
}

.container-but {
	display: flex;
	margin: 0.5em auto;
	padding: 1em;
	justify-content: space-between;
}

.doc-view-container {
	display: flex;
}

.doc-download-container {
	display: flex;
	margin-top: -1.5em;
}

.action-container-but-left {
	display: flex;
	margin: 0.5em auto;
	padding: 1em;
	justify-content: space-between;
	width: 95%;
}

.action-container-but-right {
	display: flex;
	margin-left: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
}

.metadata-title {
	font-weight: bold;
}

.document-view {
	display: flex;
}

.kiosk .kiosk-hidden {
	display: none;
}

.hidden {
	display: none;
}