html {
	background-color: rgb(5,47,95);
}
body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-toggle > .fa-bars {
	color: white;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", "Times New Roman", "Liberation Serif", Times, serif;
}
.page-header {
    margin-bottom: 4rem;
}
section {
	margin-top: 15px;
}
footer {
	background-color: rgb(5,47,95);
	color: #fff;
	margin-top: 15px;
	padding: 15px;
}
footer a {
	color: white;
	font-weight: bold;
}
footer a:focus, footer a:hover {
	color: white;
}
footer .text-muted {
	color: rgba(255,255,255,0.33);
}
#footer-nav {}
.help, .help-checkbox {
	/* --bs-tertiary-color */
	color: #21252980;
	padding-top: 7px;
}
.logo-dbca {
	height: auto;
	max-width: 450px;
}
.help:hover, .help-checkbox:hover {
	cursor: help;
}
.margin-bottom-0 {
	margin-bottom: 5px;
}
.margin-top-1 {
	margin-top: 15px;
}
.margin-bottom-1 {
	margin-bottom: 15px;
}
/* For jquery autocomplete. */
.ui-menu-item {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}
.imagebank-thumbnail {}
.imagebank-thumbnail img {
	width: 100%;
}
.imagebank-btn-group > .btn {
	margin-top: 5px;
}
.ib-panel {
	margin-top: 15px;
}
.ib-panel > h4 {
	border-bottom: 1px solid #eee;
	padding-bottom: 9px;
}
.authorship {
	display: block;
}
.authorship, .authorship a {
	color: #333 !important;
}
.help-block-typeahead {
	color: black;
}
.imageset-image {
	display: inline-block;
	padding: 4px;
	position: relative;
}
.imageset-image a {
	text-decoration: none;
}
.imageset-image .remove-image-button {
	/*background-color: rgba(255,255,255,0.8);*/
	cursor: pointer;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: -4px;
}
.imageset-image:hover .remove-image-button {
	display: block;
}
.remove-image-button {
	border: none;
}
.remove-image-button .icon-a {
	color: #fff;
	font-size: 0.9em;
}
.remove-image-button:hover .icon-b {
	color: #c9302c;
}
.remove-image-button .fa-stack {
	position: absolute;
	display: inline;
	width: inherit;
	height: inherit;
	line-height: inherit;
	vertical-align: inherit;
}
.label {
	display: inline-block;
	margin-right: 0.3rem;
}
span.twitter-typeahead .form-control-typeahead-lockable.tt-hint {
	background-color: transparent !important;
}
span.twitter-typeahead .form-control-typeahead-lockable.tt-input[disabled] {
	background-color: #eee !important;
	opacity: 1;
}
/* Nothing exists in typeahead.js-bootstrap-css that styles not found and pending
responses. I've made this up. */
span.twitter-typeahead .tt-not-found,
span.twitter-typeahead .tt-pending {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}
.fa-sm {
	font-size: 7px;
}
.fa-overlay-lower-right {
	font-size: 11px !important;
	position: relative;
	top: 0;
	left: 5px;
}
/*
 * Each image selected must be the same height and width for this layout to work correctly,
 * as not enough browsers have implemented css3's object-fit well-enough to support that
 * yet.
 */
.grid {}
.grid-sizer, .grid-item {
	float: left;
	overflow: hidden;
	width: 100%;
}
.grid-item {}
.grid-item > img {
	width: 100%;
}
.grid-item > .caption {
	background-color: #eee;
	padding: 9px;
}
.grid-item > .caption > a {
	color: #333;
}
.grid-item > .caption > a:focus,
.grid-item > .caption > a:hover {

}

.pulled-thumbnail {
	margin: 0 5px 5px 0;
}

.modal .form-control {
	max-width: 100%;
	width: inherit;
}

@media (min-width: 768px) {
	.grid-sizer, .grid-item {
		width: 50%;
	}
	.panel-left {}
	.panel-left > .panel-heading > h1, .panel-left > .panel-heading > h2,
	.panel-left > .panel-heading > h3, .panel-left > .panel-heading > h4,
	.panel-left > .panel-heading > h5, .panel-left > .panel-heading > h6 {
		margin-top: 5px;
	}
	.panel-left > .panel-heading,
	.panel-left > .panel-body {
		display: table-cell;
		vertical-align: top;
		width: 10000px;
	}
	.panel-left > .panel-heading {
		border-bottom: none;
		border-bottom-left-radius: 3px;
		border-right-width: 1px;
		border-right-style: solid;
		border-top-right-radius: 0;
		width: 33.3333%;
	}
	.panel-left > .panel-body {}
    .modal .panel-left > .panel-body {
	    max-width: 10em;
    }
}
@media (min-width: 992px) {
	.authorship {
		display: inline-block;
	}
	.grid-sizer, .grid-item {
		width: 33.333333%;
	}
}
@media (min-width: 1200px) {
	.grid-sizer, .grid-item {
		width: 25%;
	}
}

/* Documentation styles. */
.anchorjs-link:focus, :hover > .anchorjs-link:hover {
	opacity: 1;
	text-decoration: none;
}
.affix-top {
	padding-top: 100px;
}
.affix {
	padding-top: 0;
	top: 20px;
}