/* ---------------- */
/* --- glossary --- */
/* ---------------- */


body, html{
	height:auto;
}
div#layoutBody{
	overflow:visible;
}
div#layoutContentContainer div#layoutGlossaryPage{
	width:100%;
}
div#layoutContentContainer div#layoutGlossaryPage div#layoutGlossaryEntryList{
	position:relative;
}
div.GlossaryHeaderContainer{
	padding: 0;
}
div.GlossaryHeaderContainer div.GlossaryHeaderLetterList {
	margin: 0px;
	padding: 0px;
	z-index: 999999;
	padding-bottom: 6px;
	margin-left: -3px;
}
a.GlossaryHeaderLetterLink, a.GlossaryHeaderLetterLink:link, a.GlossaryHeaderLetterLink:visited {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	line-height:1.2;
	color: var(--glossary-letter-text);
	font-size:24px;
	font-weight: bold;
	cursor: pointer;
	margin: 0px;
}
a.GlossaryHeaderLetterLink:active, a.GlossaryHeaderLetterLink:focus {
	color: var(--glossary-letter-text-active);
	background-color: var(--glossary-letter-bg-active);
}
a.GlossaryHeaderLetterLink:hover{
	color: var(--glossary-letter-text-hover);
	background-color: var(--glossary-letter-bg-hover);
}
div.ScrollSizeInfoBox{
	position:fixed;
	z-index:9999999999999;
	border:1px dotted red;
	width:25%;
	height:100px;
	top:0px;
	right:0px;
	background-color:#F05A25;
	opacity:0.6;
	color:#000000;
	font-weight:bold;
}

/* glossary content */
body.GlossaryContent {
	margin: 0px;
	padding: 0px;
	margin-right: 6px;
	margin-top: 20px;
	margin-bottom: 0px;
	height:auto;
	overflow-x: hidden;
}
body.GlossaryNavigation{
	margin: 0;
	padding: 15px;
	padding-top: 0;
	overflow-x: hidden;
}
div.GlossaryEntryList{
	position: relative;
	margin: 0;
	padding: 0;
}
div.GlossaryEntryList div.GlossaryEntry{
	margin: 0;
	padding: 0;
	position:relative;
	overflow:visible;
	background-color: transparent;
	border-bottom:3px solid transparent;
}
div.GlossaryEntryList div.GlossaryEntry.OpenedEntry{
	border-bottom-color: var(--open-entry-border-bottom);
	position:static;
}
div.GlossaryEntry div.GlossaryEntryBox{
	background-color:transparent;
	box-sizing: content-box;
	position: fixed;
	margin-left:220px;
	margin-top:-47px;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom:15px;
	display:none;
}
.WithFooter div.GlossaryEntry div.GlossaryEntryBox{
	padding-bottom:55px;
}
div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox{
	position:absolute;
	display: block;
	overflow:visible;
	bottom:unset;
	z-index:2;
	height:auto;
	width:calc(100% - 220px - 10px);
}
div.GlossaryEntryBox div.Section{
	position:relative;
	width:100%;
	margin:0;
	overflow:visible;
}
div.GlossaryEntryBox div.Section p.GlossaryEntryDescription{
	position:unset;
}
div.GlossaryEntryBox div.Section h2.SectionTitle{
	padding-bottom:15px;
}
div.GlossaryEntryBox div.Section p.GlossaryCategories{
	font-style: italic;
	color: var(--categories-text-color);
	padding-top:15px;
}
div.GlossaryEntryBox div.Section p.GlossaryCategories span.CategoriesCaption{}
div.GlossaryEntryBox div.Section #printButton{
	margin:15px 15px 0 0;
}
div.GlossaryEntryBox div.GlossaryRelatedDocuments{
	padding-top:15px;
	position:unset;
}
div.GlossaryEntryBox div.GlossaryRelatedDocuments div.DocumentBox{
	width:100%;
	box-sizing: content-box;
}
div.GlossaryEntryBox div.GlossaryRelatedDocuments h3.SubSectionTitle{
	padding-bottom:15px;
}
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink.Anchor{display:none !important;}
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink,
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:link,
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:visited {
	line-height: 22px;
	font-weight: bold;
	font-size: 15px;
	width:20%;
	max-width: 220px;
	color:var(--glossary-entry-link);
}
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:hover,
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:active,
div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:focus,
div.GlossaryEntryList div.GlossaryEntry.OpenedEntry a.GlossaryEntryLink{
	color: var(--glossary-entry-link-hover);
}
a.GlossaryEntryLink .NoLimit{display: none;}
a.GlossaryEntryLink .Limited{display: inline;}

div.GlossaryEntryList div.WithLetterAnchor{
	position:relative;
}	
div.GlossaryEntryList div.WithLetterAnchor a.GlossaryLetterLinkAnchor {
	position: absolute;
	display: block;
	top: -110px;
	width: 20px;
	height: 20px;
	visibility: hidden;
}
div.GlossaryEntryList p.GlossaryEntryListLetterCaption {
	display: block;
	color: var(--glossary-list-letter-caption);
	width: 20%;
	max-width: 220px;
	padding: 0px;
	padding-top: 25px;
	padding-bottom: 5px;
	background: none;
	font-weight: bold;
	font-size: 16px;
	cursor:default;
}
/* Mobile Display < 768px */
@media screen and (min-width:0px) and (max-width: 767px) {
	
	a.GlossaryHeaderLetterLink{font-size:28px;}
	
	div.GlossaryEntryList div.GlossaryEntry.OpenedEntry{
		border-bottom: none;
	}
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox{
		border-top: 3px solid var(--open-entry-border-mobile);
		border-bottom: 3px solid var(--open-entry-border-mobile);
		box-sizing: border-box;
		position: relative;
		margin-left:0px;
		margin-top:0px;
		padding: 10px;
		width: 100%;
	}
	div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink,
	div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:link,
	div.GlossaryEntryList div.GlossaryEntry a.GlossaryEntryLink:visited {
		font-size: 18px !important;
		width: 100%;
		max-width: 100%;
		display: block;
	}
	a.GlossaryEntryLink .NoLimit{display: inline;}
	a.GlossaryEntryLink .Limited{display: none;}

	div.GlossaryEntryList p.GlossaryEntryListLetterCaption{
		font-size:22px;
	}
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox .Section h2.SectionTitle{
		display:none;
	}
	div.GlossaryEntryBox div.Section p.GlossaryCategories{
		font-size:15px;
	}
	#printButton {
		display:none;
	}
}

@media print {
	#printButton, a.GlossaryLetterLinkAnchor, a.GlossaryEntryLink, div#layoutGlossaryLetterList, div#layoutFooter, div#layoutHeader, .ContentHeader,
	div.GlossaryEntry, div.GlossaryEntry div.GlossaryEntryBox, div.GlossaryRelatedDocuments, .GlossaryEntryListLetterCaption{
		display:none !important;
	}
	body, #layoutBody, #layoutContent, #layoutContentContainer, #layoutGlossaryPage, #layoutGlossaryEntryList,
	div.GlossaryEntry.OpenedEntry,
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox,
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox .Section,
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox .Section h2.SectionTitle,
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox .Section p{
		display: block !important;
		border: none !important;
	}
	div.GlossaryEntry.OpenedEntry div.GlossaryEntryBox{
		margin:0 !important;
		border: none !important;
		position: static !important;
		width: calc(100% - 20px) !important;
	}	
}
