/* test 123456789 */
body {
	font-family: 'ebrima';
	padding: 0;
	margin: 0;
	min-height: 1px;
	position: relative;
}
input, textarea, select {
	font-family: 'ebrima';
	padding: 3px;
	font-weight: bold;
	font-size: 1.1em;
}
select.form-control {
    font-family: sans-serif;
    font-weight:500;
}
a#biblioloreLink {
    padding: 9px 0;
    display: block;
}
table {
	margin: auto;
}

ul {
	padding: 0;
	margin: 0;
}

ul li a {
	text-decoration: none;
	color: #333;
}
ul li a:hover {
	color: #000;
	text-decoration: underline;
}
label {
    font-weight: normal;
}
input, select, textarea {
	border: 1px solid #aaa;
}
input[type="search"] { 
	-webkit-appearance: textfield; 
}
input[type=text] {
	font-size: 1em;
}
a.glyphicon:hover {
	text-decoration: none;
	cursor: pointer;
}
header.navbar {
	margin-bottom: 14px;
/* 	float: left; */
}
/* // dev */
header.navbar.redHeader {
	background-color: indianred;
}
/* accept */
header.navbar.greenHeader {
	background-color: greenyellow;
}
header.navbar.greenHeader a {
	color: blue;
}

header.navbar.lightHeader {
	background-color: seashell;
}
header.navbar.lightHeader a {
	color: cadetblue
}


#container {
	margin-top: 2px;
	clear: both;
}

/* fields with larger text */
.titleFields .form-control,
.author .form-control {
}

/*
#container {
	min-height: 470px;
	margin: 12px auto;
	background-color: #fff;
	border: 1px solid #aaa;
    box-shadow: 0 2px 2px #aaa;
    padding-bottom: 32px;
}
*/

/* fonts */

@font-face {

	font-family: 'ebrima';
	src: url('../fonts/ebrima.ttf')
}
.clearFloat {
	clear: both;
}
/* !error */

div#errorMessage {
	padding: 20px;
	width: 400px;
	margin: 12px auto;
	background-color: #fff;
	text-align: center;
	font-size: .9em;	
}

/* ! messages */
.message {
	border: 1px dashed #999;
	padding: 12px;
	margin: 12px 0;
	background-color: #D9EDF7;
	color: #A94442;
}
.message.error {
	color: red;
}

/* ! heading */

.heading {
	margin: 0;
	padding: 9px 14px;
}
.heading-explain {
	border-top: 2px solid #ccc;	
}
/* ! inline navigation */
#weekMonthNav {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #aaa;
	padding-left: 6px;
	

}

#weekMonthNav li {
	display: inline-block;
}
#weekMonthNav li a {
	display: inline-block;
	padding: 0 24px 0 6px;
	border-right: 1px solid #aaa;
}

#codeigniter_profiler {
	width: 1000px;
	overflow: scroll;
	margin: auto;
}
.ui-draggable .header {
	cursor: move;
	margin-bottom: 6px;
}
#miniPage {
	width: 400px;
	margin: 12px auto;
	background-color: #fff;
	min-height: 50px;
	padding: 24px;
}
/* ! autocomplete */
.ui-autocomplete {
	background-color: #fff;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	background-color: #efefef;
	/* color: #212121; */
}
.autocompleteItem a.changed {
	font-size: 18px;
}
.autocompleteItem span.catTag,
.autocompleteItem span.hierarchyCnt {
	color: #333;
	display: inline-block;
	float: right;
	border: 1px solid #aaa;
	background-color: #efefef;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
}
.autocompleteItem span.hierarchyCnt {
	background-color: #caf1ce;
}
.autocompleteItem span.agentName,
.autocompleteItem span.broaderName {
	color: #0052ff;
	display: inline-block;
	margin-left: 10%;
	height: 1.5em;	
}
.autocompleteItem span.topicStar {
	color: #333;
	display: inline-block;
	float: right;
	text-align: center;
	font-size: 14px;
	margin-right: 6px;
	margin-top: 2px;
	
}
.autocompleteItem span.itemCnt {
	float: right;
	color: #333;
	display: inline-block;
	text-align: center;
}
.autocompleteItem.lowCnt a,
.autocompleteItem.notValid a,
#searchResults a.notValid {
	color: #CC0000;
}
.autocompleteItem.notValid[data-cnt="X"] a,
.autocompleteItem.valid[data-cnt="X"] a {
	color: #dd00ff;
}

.autocompleteItem.valid a,
#searchResults a.valid {
	color: #226622;
}
.autocompleteItem span.pubNameCity,
.autocompleteItem span.schoolDepartment {
	float: right;
}
.autocompleteItem span.yearBeganEnd {
	margin-left: 12px;
}
li.autocompleteItem[data-topicId] a,
li.autocompleteItem[data-topicId] a.ui-state-hover,
li.autocompleteItem[data-topicId] a.ui-state-active {
	color: #226622;
	font-weight: 600;
}
li.autocompleteItem.topicTypeGiven a {
	background-color: #fff7db;
}

li.autocompleteItem.hierarchyTerm a {
	background-color: #eff6ff;
	color: black;
	font-size: 1.15rem;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 3px solid #2563eb;
}


li.autocompleteItem.altNameTag a {
	color: red;
}
li.autocompleteItem.altNameTag a span.altNameTag,
li.autocompleteItem.altNameTag a span.hierarchyCnt 
 {
	float: right;
}
li.autocompleteItem span.prefName {
	color: black;
	margin-left: 12px;
}

.ui-menu li.autocompleteItem.ui-menu-item {
	margin-top: 1px;	
}
/*
li.autocompleteItem.topicTypeGiven.ui-menu-item a.ui-state-hover,
li.autocompleteItem.topicTypeGiven.ui-menu-item a.ui-state-active {
	font-weight: normal;
	background-color: #fff7db;
};
*/

#fade {
    display: none;  /* ensures it’s invisible until it’s called */
    position: absolute;  /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 0%; /* makes the div span all the way across the viewing area */
    top: 0%; /* makes the div span all the way across the viewing area */
    background-color: black;
    -moz-opacity: 0.3; /* makes the div transparent, so you have a cool overlay effect */
    opacity: .30;
    filter: alpha(opacity=30);
    width: 100%;
    height: 100%;
    z-index: 90; /* makes the div the second most top layer, so it’ll lay on top of everything else EXCEPT for divs with a higher z-index (meaning the #overlay ruleset) */
}
/* ! foreign key finder */

.authoritySearchWrap.series .searchFieldWrap {
	display: inline-block;
}

.authoritySearchWrap.series #nameFieldWrap input {
}

.error[generated=true],
.url .error[generated=true],
.doi .error[generated=true],
div.accessionWrap .reviewWrap .error[generated=true] {
	color: red;
	font-weight: bold;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: 0 2px 6px #ddd;
	padding: 5px 8px;
	height: auto;
	float: left;
	width: auto;
	min-width: 100%;
	text-align: center;
	margin: auto;
	margin-top: 2px;
	background-color: #ffff8b;
}
.product .error[generated=true] {
	color: red;
} 
.publisher label.error[generated=true],
.school label.error[generated=true] {
	color: red;
	background-color: yellow;
	padding: 0;
}

/* ! terms */

.form-control[data-validation="0"][data-cnt="1"],.form-control[data-validation="0"][data-cnt="0"] {
	color: #CC0000;
}
.form-control[data-lvl="1"]:not([data-firstvalid="1"]):not(.blankField) {
	color: #ffa46b
}


.form-control[data-validation="1"] {
	color: #226622;
}
.form-control[data-validation="0"] {
	color: blue;
}
.form-control[data-validation="1"][data-termcat="X"],
.form-control[data-validation="0"][data-termcat="X"] {
	color: #93f
}
.form-control[data-validation="1"][data-cat="X"],
.form-control[data-validation="0"][data-cat="X"] {
	color: #93f
}

.authoritySearchWrap h2 {
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}
/* ! list */
.list-group {
	list-style: none;
	padding: 0;
	margin: 8px 2px;
}
.list-group .list-group-item {
}
.list-group .list-group-item:hover {
	background-color: #eee;
}
li.header.list-group-item,
li.footer.list-group-item {
	background-color: #eee;
}
li.header.list-group-item:hover,
li.footer.list-group-item:hover {
	background-color: #eee;
	
}
/* ! result list */
ul.resultList {
	list-style: none;
	margin-top: 5px;
	border-bottom: 1px solid #CCCCCC;
	padding: 6px;
}
ul.resultList li.resultItem {
	margin-top: 5px;
	border-bottom: 1px solid #CCCCCC;
	padding: 6px;
	line-height: 1.6em;
}
ul.resultList li.underline:hover {
	text-decoration: underline;
	cursor: pointer;
}

$("li", "#<?php echo $listId;?>")
.resultItem .authorityPrintWrap {
    margin: 17px auto;
    width: 500px;
}
.editFromPrintLink {
	margin-left: 24px;
}
.first_validFieldWrap, .validationFieldWrap {
    line-height: 1em;
}

li.resultItem:hover {
	background-color: #fafafa;
}
.refButtonWrap li:hover {
	background-color: inherit;
}

.resultList li a:hover span {
	text-decoration: underline;
}



.resultItem a span {
	display: inline-block;
	font-size: .9em;
}
.resultItem a span.id{
	width: 56px;
	margin-right: 12px;
}
.resultItem a span.name{
	width: 308px;
	margin-right: 4px;
}
.preferredItem a span.name {
}
.resultItem a span.cat{
	width: 26px;
	margin-right: 10px;
	margin-left: 6px
}


.resultItem a span.validation,
.resultItem a span.first_valid {

	width: 60px;

}
.resultItem a span.cc]{
	width: 40px;
	margin-right: 4px;
}

.resultItem a span.city{
	width: 170px;
}
.resultItem a span.last{
	float: none;
}

.resultItem .chooseThisItem {
	display: inline-block;
	cursor: pointer;
	font-size: .8em;
	padding: 0 4px;
	float: right;
}
.resultItem a.nonPreferred {
	color: fuchsia;	
}
.resultItem .refButton,
.briefDataForm .appendResponse {
	color: #5B8AC6;
	font-weight: bold;
	margin: 4px 0;
}
.resultItem .refButtonWrap>li {
	padding: 16px 0;
}
.resultItem #refRows>li {
	border: none;
}

.resultList .dataFormWrap .authorityForm {
	margin-left: 0;
}

.preferredList {
	list-style: none;
	margin-left: 12px;
}
a.preferredItem {
	color: #226622;
	border: none;
}
.preferredItem .verb {
	display: block;
	font-size: .9em;
	line-height: 1em;
}
.foreignKeyWrap.selected span.field {
	display: inline-block;
	padding-right: 12px;
	color: #000080;
}
.foreignKeyWrap.selected span.field[title=city]:after {
	content: ":";
}
.foreignKeyWrap.selected span.field.id {
	display: none;
}

/* ! forms */

input.valueChanged, 
select.valueChanged,
input:focus.valueChanged,
select:focus.valueChanged,
textarea.valueChanged,
textarea:focus.valueChanged {
	border: 1px solid red;
}

.pure-form .fieldWrap input.valueChanged, .pure-form .fieldWrap select.valueChanged {
	border: 1px solid red;
}

.delete {
	color: #666;
}
button.btn.deleteButton:focus {
    outline: 0;
}
.glyphicon.glyphicon-remove.delete:hover {
	color: red;
}
.glyphicon.glyphicon-remove {
	color: #666;
	cursor: pointer;
}
.info.tip {
    cursor: pointer;
    background-color: #eee;
}
.dataLink {
	cursor: pointer;
}
.dataLink:hover {
	color: blue;
}
.size4 {
	width: 3em;
}
.size5 {
	width: 3.5em;
}

.size6 {
	width: 4em;
}
.size9 {
	width: 7em;
}
.size10 {
	width: 8em;
}

.list-group .remove {
	float: right;
	cursor: pointer;
	color: #aaa;
}
.list-group .remove:hover {

color: red;

}
.added {
	font-weight: bold;
}
.explanationText {
	color: #333;
	padding: 2px 8px;
	font-size: .8em;
}
.button.button-reveal {
	cursor: pointer;
	background-color: #eee;
	border-radius: 6px;
	padding: 2px 4px;
	border: 1px solid #ddd;
}
.button.button-reveal:hover {
	background-color: #eaeaea;
}
/* ! stolen from Bootstrap */

.caret {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}
b, strong {
    font-weight: 700;
}

.list-group {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group .list-group-item,
.list-group .headings {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
.list-group .headings {
	background-color: #efefef;
	font-weight: bold;
}

/* gets rid of .woff, which is causing trouble on production site */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../../fonts/glyphicons-halflings-regular.eot');
  src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.input-group-addon.glyphicon {
	top: 0;
}
ul.list-inline li {
	display: inline;
}

/* APPEND */
.appendTarget.panel.ui-draggable.ui-resizable {
    border: 1px solid #666;
    box-shadow: 0 2px 6px #666;
}
.unsavedMarker {
	/* color: #fd2600; */
	margin-left: 6px;
}
nav#topNavigation .helpButton a {
	color: #ad4;
}
.alert {
	color: red;
}
.dataLink.glyphicon-exclamation-sign {
	color: red;
}
.bottom-buffer {
	margin-bottom: 12px;
}
.alertMessage {
	color: red;
	font-weight: bold;
}
.userchanged .fa-spinner {
	font-size: 14px;
	margin-left: 12px;
}
/*
.searchResults .fa-spinner {
	display: block;
	width: 2em;
	margin: auto;
}

*/
.table.table-striped {
	background-color: #eee;
}

.table .tableRowStripeOn {
    background-color: #f0f3fa;
}

ul.nav.nav-pills li.noHover a:hover {
	background-color: inherit;
	
}
.spinner-show i.fa {
    font-size: 1.5em;
    margin-bottom: 11px;
    margin-left: 12px;
    position: relative;
    top: -6px;
}
.glyphicon.glyphicon-check {
    color: green;
}
.glyphicon.glyphicon-unchecked {
    color: red;
}
.booleanField {
/*     visibility: hidden; */
}
.booleanField span {
    visibility: visible;
    color: #2ea13f;
}

.booleanField .fa.fa-times-circle.negative {
    color:#f40f0f
}
.booleanField span.boolValue {
    visibility: hidden;
}

.systemMessage.noAccessMessage {
    background-color: #fff;
    margin-bottom: 14px;
    margin-top: 6px;
    padding: 12px;
    text-align: center;
}
.help {
	cursor: arrow;
}
.help > span {
	cursor: arrow;
}
.subNav.nav.nav-pills {
    background-color: #eee;
    border-radius: 4px;
}
.subNav.nav.nav-pills a {
    margin-left: 8px;
    padding: 6px 9px;
}
.subNav.nav li.active > a {
	background-color: inherit;
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
.subNav.nav > li > a:hover {
	text-decoration: underline;	
	color: #a50d0d;
	background-color: inherit;
}
.fa.fa-edit,.fa.fa-times {
    cursor: pointer;
}
.paginationWrap {
	text-align: center;
}
.message.cookiePolicy {
    width: 50%;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: #fefefe;
    padding: 20px;
    font-size: 16px;
}
.tablesorter-header.tablesorter-header {
    padding: 2px 6px;
    cursor: pointer;
    background-color: rgb(211, 219, 236);
}
.tablesorter-header.tablesorter-headerAsc {
	background-color: rgb(177, 196, 212);
}
.tablesorter-header.tablesorter-headerDesc {
	background-color: rgb(244, 245, 247);
}
/* list2 boolean check */
li .fa.boolean {
    color: #ccc;
}
li .fa.fa-check-circle-o.boolean.complete {
    color: green;
}
.linkText.disabledLink {
    text-decoration: line-through;
    color: #999;
}
.kickOffNote {
	margin-right: 12px;
}
h3#message {
	margin: auto;
	background-color: pink;
	padding: 6px;
	text-align: center;
}

.catTag.W {
	color: darkseagreen;
}
.catTag.L {
	color: darkviolet;
}
.catTag.F {
	color: darkblue;
}
.catTag.R {
	color: darkorange;
}
.catTag.C {
	color: darkcyan;
}
.catTag.V {
	color: darkred;
}
/* override bootstrap grid */
@media (min-width: 768px) {
	#main.container {
		width: 600px;
	}
	.authorities #subNav.affix-top, .authorities #subNav.affix {
	width: 600px;
	}

}

@media (min-width: 992px) {
	#main.container {
		width: 96%;
	}
	.authorities #subNav.affix-top, .authorities #subNav.affix {
	width: 155px;
	}

}
@media (min-width: 1150px) {
	.authorities #subNav.affix-top, .authorities #subNav.affix {
	width: 172px;
	}

}

@media (min-width: 1200px) {
	#main.container {
		width:1170px
	}
	.authorities #subNav.affix-top, .authorities #subNav.affix {
		width: 182px;
	}

}
.testing.panel {
	overflow-wrap: break-word;
	max-width: 900px;
	padding: 20px 20px;
}
.testing.panel p {
	font-family: monospace;
	line-height: 1.5em;
}
.accCitLink .citationString {
	display: inline;
}

span.accCitLink {
	background-color: #fefefe;
	padding: 2px 8px;
	border-radius: 4px;
	margin-top: 5px;
	display: block;
}

/* GetAjaxModal */
#logDetailModal {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2000;
    display: none;
}
#logDetailModal.visible { display: block; }
#logDetailModal .modal-backdrop {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
#logDetailModal .modal-content {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    max-width: 900px;
    width: 90%;
    max-height: 80%;
    overflow: auto;
    padding: 16px;
    z-index: 2001;
}
#logDetailModal .modal-close {
    position: absolute;
    top: 8px; right: 12px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 2002;
}

.navbar-db-host {
	float: left;
	font-size: 14px;
	padding: 8px;
	color: #dbdbdb;
	cursor: pointer;
	background-color: #7eaaba87;
}

/* created -- rkb with Claude - 2026-05-13
   Autocomplete toast notice (used by showAutocompleteNotice in autocomplete.js)
   — fixed top-right, fades in/out via .is-visible toggle. */
.autocompleteNotice {
   position: fixed;
   top: 75px;
   right: 1em;
   background: #ffe2e1;
   border: 1px solid #d4702c;
   /* border-left: 4px solid #d4a72c; */
   color: #5a4500;
   border-radius: 4px;
   padding: 0.6em 0.9em;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   z-index: 9999;
   max-width: 320px;
   font-size: 13px;
   line-height: 1.4;
   opacity: 0;
   transition: opacity 200ms ease;
   pointer-events: none;
}
.autocompleteNotice code {
	padding: 0 3px;
}
.autocompleteNotice.is-visible {
    opacity: 1;
}