/* ----------------------------
database classes & ids
---------------------------- */
.pagesBar {
	display: flex;
	justify-content: center;
	position: -webkit-sticky;
	align-items: center;
	position: sticky;
	top: 0;
	background: #fff;
	border-bottom:solid #ddd 1px;
	z-index: 1;
}
.pagesBar ul {
	display:flex;
	height:100%;
}
.pagesBar li {
	display:flex;
	align-items: center;
	justify-content:center;
	opacity:0.5;
	height:100%;
}
.pagesBar li img{
	height:100%;
}
.pagesBar li p{
	font-size: 1.4em;
	padding: 0.1em 0 0 0;
}
.pagesBar li:hover{
	opacity:0.75
}
.pagesBar li.selected{
	opacity:1
}
.pagesBar.alpha li{
	height: 1.6em;
	width: 1.6em;
	border-radius: 0.8em;
}
.pagesBar.alpha li:hover{
	background:#dfe6ec;
}
.pagesBar.alpha li.selected{
	background:#5f7991;
}
.pagesBar.alpha li.selected p{
	color:#ddd;
	font-size: 1.2em;
}

.dbbar{
	display:inline-flex;
	height: 3em;
	padding: 0.5em 1em;
	top: -0.5em;
	margin: -0.5em auto 0.5em;
/*	background:transparent;	*/
	z-index: 1;
/*}
.sticky .dbbar {*/
	background: linear-gradient(to bottom, #fff, #fff, #fff, transparent);
	position: sticky;
/*	border-bottom:solid #ddd 1px;*/
	width: 100%;
}
.dbbar li {
	display:flex;
	align-items: center;
	height:100%;
	width:auto;
	border:solid #bbb 1px;
	border-left:none;
	cursor:pointer;
	background:#fff;
}
.dbbar li * { cursor:pointer; }
.dbbar li:first-child {
	border-left:solid #bbb 1px;
}
.dbbar li img{
	height:100%;
}
.dbbar li p{
	padding:0 0.5em;
}
.dbbar li.tabButton p{
	padding-left:0.5em;
}
.dbButton.hidden { display:none; }
.dbButton.refreshBtn, .dbButton.filter {
	margin-left:auto;
	border:none!important;
}
.dbButton.refreshBtn p { display:none; }
@media print {
	.dbbar { display:none; }
}