body {
	background-color: #f4f4f4;
	font-family: arial, sans-serif;
}

select {
	background-color: #f4f4f4;
	border: thin solid #979797;
	outline: none;
}

#main-nav {
	background-color: white;
}

#search-but-container, #search-input, #scanner-input, #content-title {
	border: none;
	outline: none;
	border-bottom: thin solid #979797;
}

#user-settings-but, #user-profile-icon, #font-size-holder, .menu-but {
	outline: thin solid #979797;
}

#scan-icon {
	background-image: url(../svg/icon-barcode70n5.svg);
}

#report-icon {
	background-image: url(../svg/icon-doc-blackvyap.svg);
}

#manage-users-icon {
	background-image: url(../svg/icon-personwz32.svg);
}

#filter-icon {
	background-image: url(../svg/icon-plus8dkl.svg);
}

#user-profile-icon {
	background-image: url(../svg/icon-personwz32.svg);
}

#user-settings-but {
	background-image: url(../svg/icon-settingsmel6.svg);
}

#favorites-icon {
	background-image: url(../svg/icon-favorite-menumdi3.svg);
}

#most-viewed-icon {
	background-image: url(../svg/icon-most-viewed9p3w.svg);
}

#recent-visit-icon {
	background-image: url(../svg/icon-recent8vle.svg);
}

#external-links-icon {
	background-image: url(../svg/icon-arrow-blacky4w8.svg);
}

#username {
	font-weight: bold;
}

#browse-list, #results-header, .filter-category {
	list-style: none;
}

#sign-out-but, #font-size-holder .selected, .container-but, .browse-page-menu-link:hover {
	background-color: #2d2d2d;
	color: #f4f4f4;
}

#background {
	background-color: rgba(0, 0, 0, .5);
}

#content, #scanner-input {
	background-color: #f4f4f4;
}

.browse-page-menu-link, .doc-item {
	background-color: white;
	box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.2);
}

.menu-item.clickable:hover {
	background-color: #d9d9d9;
}

.external-link {
	color: #2d2d2d;
	text-decoration: none;
}

.popup-but {
	text-align: center;
}

.text-but {
	color: #979797;
}

.text-but.selected {
	color: #2d2d2d;
}

.sub-menu-but {
	border-top: thin solid #d9d9d9;
}

.language-text-but {
	color: #979797;
}

.language-text-but.selected {
	color: #2d2d2d;
	text-decoration: underline;
}

.large-list {
	font-weight: bold;
}

p.large-list-data {
	max-width: 13.5em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.doc-item:hover {
	color: white;
}

.metadata-value {
	color: grey;
}

.title, .heading {
	font-weight: bold;
}

.description {
	color: #979797;
}

.sign-out-element {
	background-color: #a0a0a08a;
}

.all-caps {
	text-transform: uppercase;
}

.clickable {
	cursor: pointer;
}

.down {
	transform: rotate(180deg);
}

.valid {
	color: #2d2d2d;
}

.invalid {
	color: red;
}