/* CSS file */

/* style files overrides, because iframe */
html.lt2 {
	--lt-fontsize-standard: 11px;
}
html.lt2.atkinson_16 {
	--lt-fontsize-standard: 13px;
	--lt-text-font: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif;
}
html.lt2.georgia_14 {
	--lt-fontsize-standard: 12px;
	--lt-text-font: Georgia, Baskerville, "New York", "Times New Roman", Times, serif;
}
html.lt2.system_14 {
	--lt-fontsize-standard: 11.6px;
	--lt-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
html.lt2.system_16 {
	--lt-fontsize-standard: 11.6px;
	--lt-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
html.lt2.verdant_12,
html.lt2.verdant_14,
html.lt2.verdant_tight_12 {
	--lt-text-font: Verdana, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.lt2 body,
.lt2 body > div.content,
.lt2 body > div#content,
.lt2 div.content {
	font-family: var(--lt-text-font);
	xfont-size: var(--lt-fontsize-standard);
	font-size: 11px; /* overruling the standards because catalog */
}
.lt2 body > div#content.edithistory,
.lt2 body > div.content.edithistory,
.lt2 div.content.edithistory {
	font-size: unset;
}


.cataloglt2_content {
	margin-top: 60px;
}

@supports selector(:has(*)) {
	.cataloglt2_content {
		margin-top: 50px;
	}
	.topBarThing:has(.pageBar) + .cataloglt2_content {
		margin-top: 70px;
	}
}

.ui-front { z-index: 9999999 } /* useful for menus or whatever needs to be tippy top */

.pageBar {
	display: block;
	padding: 2px 10px;
	width: 100%;
	box-sizing: border-box;
}
.pageBar tbody {
	display:block;
}
.pageBar tr {
	display:flex;
	width: 100%;
	gap: var(--lt-padding-quarter);
}
.pageBar tr > * {
	flex: 1 1 1%;
}
td.pbStepper,
.pbStepper {
	width:unset;
	margin-left: 0;
	padding-left:unset;
	padding-right:unset;
}
td.pbGroup,
.pbGroup {
	width: unset;
	white-space: nowrap;
}
.pageBar .pages,
.pageBar .showall {
	min-width: unset;
	xwhite-space: nowrap;
}



/* displaybar */
.displayBar {
	display:block;
	scrollbar-width: none;
}
@media (max-width: 1000px) {
	.displayBar {
		overflow-x: auto;
		-ms-overflow-style: none;
	}
}
/*
@media (max-width: 1300px) {

	.displayBar {
		width: calc(100% - 20px);
	}

	.displayBar:after {
		content: "\f054";
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		width: 20px;
		height: 34px;
		font-family: 'FontAwesome';
		font-size: 18px;
		color: var(--lt-tint-dark-9);
		opacity: 0.8;
		display: block;
		text-align: center;
		padding-top: 7px;
		box-sizing: border-box;
		border-bottom: var(--lt-border);
		background-color: var(--lt-sidebar-tan);
	}

}
 */
.displayBar::-webkit-scrollbar {
	display: none;
}
.displayBar tbody {
	display: block;
}
.displayBar tr {
	display: flex;
}
.displayBar tr > * {
	align-self: center;
}




/* catalog table */
#lt_catalog_list {
	xdisplay: block;
	padding-top: 2px;
	position: relative;
}
table#lt_catalog_list thead th,
table#lt_catalog_list thead td {
	position: sticky;
	top: 55px;
	border-bottom: var(--lt-border) !important;
}
#lt_catalog_list tbody {
	xdisplay:block;
}
#lt_catalog_list tr {
	xdisplay: flex;
}
#lt_catalog_list td {
	xmin-width: 100px;
	z-index: 1;
}


/* toolpad */
.cat_catrow .toolpad {
	position:block;
	right: 0;
	border: var(--lt-border);
	margin:0;
	padding:0;
	width: auto;
	min-width: clamp(70px, 10vw, 150px);
	min-width: 150px;
}
tr.odd td.toolpad {

}
td.toolpad {

}
@media (max-width: 1200px) {
	.toolpad {
		xbox-shadow: -5px 0 0 0 var(--lt-tint-light-c);
	}
}
.toolpad .tools {
	display: flex;
	flex-wrap: wrap;
	width: unset;
	justify-content: space-evenly;
	background-color: var(--lt-sidebar-tan-hover) !important;
}
tr.odd .toolpad .tools {
	background-color: var(--lt-sidebar-tan) !important;
}
.cat_catrow .toolpad > *:not(:last-child) {
	border-bottom: var(--lt-border);
}
.cat_catrow .toolpad > * {
	padding:var(--lt-padding-quarter);
}
div.WorkStats {
	margin:0;
	display: flex;
	justify-content: center;
	width: unset;
	flex-wrap: wrap;
	gap: var(--lt-padding-half);

}

div.WorkStats a.ws1,
div.WorkStats a.ws2 {
	position: static;
	display: flex;
}

div.WorkStats > * > * {
	display:block;
}