/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

div.landingpage,
div.familypage
{
	background-size: 100% calc(-100px + 100%);
	background-repeat: no-repeat;
	/* display: -ms-grid;
	-ms-grid-rows: 120px calc(100% - 220px) 100px;	
	*/
	display: grid;
	grid-template-rows: 120px calc(100% - 220px) 100px;
	min-height: 100vh;
	height: auto !important;
	padding: 0;
	margin: 0;
}

body.height-container-no-footer,
body.height-container
{
	padding-bottom: 0;
}

#frontHeader
{
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

#frontPrint
{
	grid-column-start: -1;
	-ms-grid-column-span: 2;
	padding-right: 7px;
	padding-top: 4px;
	min-width: 32px;
	cursor: pointer;
}

#frontBody
{
	-ms-grid-row: 2;
	-ms-grid-row-span: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	min-height: calc(99vh - 220px);
}

#frontFooter
{
	-ms-grid-row: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	width: 100%;
	min-height: 100px;
}

#pageFooter
{
	-ms-grid-row: 4;
	grid-row-start: 4;
	grid-row-end: 5;
	grid-column-start: 1;
	grid-column-end: 5;
	min-height: 100px;
	z-index: 3;
}

.landingpage #mc-main-content,
.familypage #mc-main-content
{
	display: -ms-grid;
	display: grid;
	grid-template-rows: 120px calc(100% - 120px);
	-ms-grid-rows: 120px calc(100% - 120px);
	min-height: 100%;
	height: auto !important;
}

#frontTitleBox
{
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
}

#frontChoices
{
	-ms-grid-row: 2;
	grid-row-start: 2;
	grid-row-end: 3;
}

/******* TechPubs Only ********/

body,
html,
#frontFooter
{
	background-image: linear-gradient(to right, #e9e9f5, #e9e9f5);
}

#pageFooter
{
	background-image: linear-gradient(to right, #e9e9f5, #e9e9f5);
}

div.landingpage,
div.familypage
{
	background-image: linear-gradient(to right, #e9e9f5, #e9e9f5);
	background-image: url("../Images/Lightfield-m2.png");
	background-color: #e9e9f5;
}

#rightMenu
{
	background-image: linear-gradient(#c3ddf3, #ffebef);
}

#helperTableProxy
{
	display: none;
}

/******* Tabs *********/

.tabs
{
	margin-top: 10px;
}

/******* Header *******/

/*Margin-top and padding-top are a fix for header overlapping in-page anchors on pages where entire section is loaded. Ideally, would use scroll-margin-top,
but that doesn't work for some reason. */

.bookmark
{
	display: block;
	margin-top: -53px;
	padding-top: 53px;
}

#frontHeader
{
	display: -ms-grid;
	display: grid;
	grid-template-columns: 50% 50%;
	-ms-grid-columns: 50% 50%;
	padding: 20px 10% 0 10%;
}

.productpage #frontHeader
{
	display: -ms-grid;
	display: grid;
	grid-template-columns: 60% 40%;
	-ms-grid-columns: 60% 40%;
	padding: 20px 10% 0 10%;
}

#frontLogoDiv
{
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
	padding: 6px 0 16px 0;
}

.currentArea
{
	border-bottom: 4pt solid #ffb441;
}

/******* Body Title Box *******/

#frontTitleBox
{
	padding: 20px 10% 20px 10%;
}

#frontTitleBox h1
{
	color: #000000;
	display: block;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

#frontSubTitle
{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}

#frontSubTitle p
{
	color: #000000;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 120%;
}

#frontSearch
{
	-ms-grid-column: 2;
	grid-column-start: 2;
	grid-column-end: 3;
}

/* print front page settings */

#printTOC li :before
{
	content: "";
}

#printTOC a.selected
{
	color: inherit !important;
	font-weight: normal;
}

#printFrontTitle #frontTitleBox .title
{
	color: #0077c8;
}

#printCoverGraph
{
	background-image: url("../Images/cover_graphic.jpg");
	display: none;
}

#printFrontTitle #frontTitleBox .subTitle
{
	color: #555555;
}

#printFrontFooter
{
	page-break-after: avoid;
}

#printTOC,
#printFrontFooter,
#printFrontTitle #frontSearch,
#printTOC > div > ul > li > a,
#printTOC ul li ul li ul li,
.printImage,
.get-pdf-button,
.displayNone
{
	display: none;
}

#printTOC
{
	min-height: 600px;
}

#printTOC li
{
	border: none;
}

#printFrontTitle #frontTitleBox
{
	background-color: transparent;
	padding: 0;
}

/******* Body Buttons *******/

#frontButtons
{
	padding: 20px 10%;
	-ms-grid-row: 2;
}

.frontButtonDiv
{
	position: relative;
}

.frontButtonLink
{
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

.divlink
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
}

.frontRow
{
	padding: 10px 0 0 0;
	min-width: 400px;
	display: -ms-grid;
	display: grid;
	grid-auto-columns: 190px;
	grid-column-gap: 20px;
	grid-auto-flow: column;
	justify-content: right;
	-ms-grid-columns: 200px 200px 200px 200px 200px calc(100vw - 1000px);
}

.frontButtonDiv,
.frontSecondChoice
{
	border: 1pt solid #666666;
	border-radius: 10px;
	width: 170px;
	height: 50px;
	margin: 0;
	padding: 10px 2px;
	text-align: center;
	display: grid;
	grid-template-rows: auto auto auto;
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}

.frontButtonText,
.frontSecondChoice .frontChoice
{
	color: #000000;
	margin: 0pt;
	line-height: 140%;
	grid-row-start: 2;
	grid-row-end: 3;
	display: block;
	cursor: pointer;
}

.frontButtonText a
{
	color: #000000;
}

.selected p
{
	font-weight: bold;
}

.frontChoice,
.frontButtonText
{
	margin: 0pt;
	font-size: 12pt;
	line-height: 140%;
}

/******* Footer *******/

.supportLines p
{
	margin: 10px 0 0 20px;
	font-size: 9pt;
	line-height: 140%;
	display: inline-block;
}

.footer a
{
	color: #0077c8;
	text-decoration: none;
	cursor: pointer;
}

.LegalNotice a
{
	color: #0077c8;
	text-decoration: none;
	cursor: pointer;
}

/******* Search *******/

#frontSearchForm
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 120px calc(100% - 220px) 60px 40px;
	-ms-grid-rows: auto auto auto auto;
	grid-template-columns: 120px auto 60px 40px;
	border: 1pt solid #ffffff;
	border-radius: 5px;
	z-index: 1;
	min-width: 300px;
}

#frontSearchEntry,
#frontSearchFilter,
#landingSearchEntry
{
	font-size: 1em;
	padding-right: 10px;
	border-color: #ffffff;
}

#frontSearchSubmit
{
	-ms-grid-column: 4;
	grid-column-start: 4;
	grid-column-end: 5;
	font-size: 1em;
	padding: 1px 0px 0px 0;
	cursor: pointer;
	border-radius: 0 5px 5px 0;
	border-left: solid 1px #ffffff;
}

#frontSearchEntry,
#landingSearchEntry
{
	margin: 0 20px 0 0;
	-ms-grid-column: 2;
	min-width: 250px;
}

#frontSearchFilter
{
	border-radius: 5px 0 0 5px;
	border-right: 1pt solid #ffffff;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 90px 30px;
	grid-template-columns: 90px 30px;
	padding-left: 120px;
}

#frontSearchText
{
	-ms-grid-column: 1;
	grid-column-start: 1;
	grid-column-end: 2;
	margin: 7px 0 0 0;
	font-size: 1em;
	padding: 0;
}

#frontSearchIcon
{
	-ms-grid-column: 2;
	grid-column-start: 2;
	grid-column-end: 3;
	margin: 7px 0 0 0;
	padding: 0;
}

#frontSearchFilter
{
	-ms-grid-column: 1;
	grid-column-start: 1;
	grid-column-end: 2;
	position: relative;
	cursor: pointer;
}

input#frontSearchEntry,
input#landingSearchEntry,
input:-internal-autofill-previewed,
input:-internal-autofill-selected
{
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	grid-column-start: 1;
	grid-column-end: 4;
	color: #555555 !important;
	background-color: transparent !important;
	border: none !important;
}

.global-search #frontSearchEntry,
.global-search input:-internal-autofill-previewed,
.global-search input:-internal-autofill-selected
{
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column-start: 2;
}

#frontSearchBoxes
{
	display: none;
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	-ms-grid-row: 4;
	grid-column-start: 1;
	grid-column-end: 5;
	z-index: 3;
	width: 100%;
	height: 100%;
	overflow: auto;
	border-radius: 0 0 5px 5px;
}

#frontSearchBoxesContent
{
	padding: 0 20px;
	width: 80%;
}

#filterOpenIcon,
#filterClosedIcon
{
	color: #0077c8;
	padding: 0;
	cursor: pointer;
}

#filterOpenIcon,
.doc-family,
.doc-div
{
	display: none;
}

.doc-family p,
.doc-category h2,
.MCPopupThumbnailPopup
{
	cursor: pointer;
}

/*.MCPopupThumbnailLink:after
{
	content: url('../Images/expand-blue.png');	
}
*/

.doc-category h2,
.doc-family p,
.doc-div input
{
	font-size: 10pt;
	font-family: Inter, Arial;
}

.doc-category div
{
	margin: 6px 12px 0 0;
}

#searchSubmitIcon
{
	padding: 6px 6px 0px 6px;
	color: #ffffff;
	cursor: pointer;
	height: 24px;
	border: none;
}

#searchHelpName
{
	visibility: hidden;
}

.SearchHighlight
{
	background-color: LightGoldenRodYellow;
}

#resultList h3.title b
{
	color: #1b447b;
}

/******* Family Search *******/

#spinner-icon
{
	width: 20px;
	height: 20px;
}

#search-iframes iframe
{
	display: none;
}

/******* Search on Page *******/

#pageSearchTot
{
	position: relative;
	color: #dadada;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 32px;
}

#pageSearchEntry
{
	height: 36px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top-right-radius: 25px;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	color: #5f5f5f;
	font-size: 11pt;
	padding-right: 10px;
	background-color: transparent;
	text-align: right;
	width: 100%;
	padding-right: 10px;
	margin: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: solid 1px #ffffff;
	border-radius: 5px;
	position: relative;
}

#pageSearchEntry::placeholder,
#landingSearchEntry::placeholder,
#frontSearchEntry::placeholder
{
	font-size: 9pt;
	color: #000000;
}

#pageSearchSubmit
{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1em;
	border-left: solid 1px #ffffff;
}

/******* Search Results *******/

.searchTopic
{
	mc-master-page: url("../MasterPages/Search-2020.flmsp");
}

.searchTopic .glossary
{
	visibility: hidden;
	color: #444444;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	margin-bottom: 25px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-position: center center;
	box-shadow: 0px 1px 4px 0px #cccccc;
	line-height: 140%;
}

.searchTopic .term
{
	font-size: 1.5em;
	margin-bottom: 10px;
}

#searchPane > .micro-content-container > .micro-content > .micro-response-title a
{
	color: #0077c8;
	text-decoration: none;
}

.micro-response-url
{
	display: none;
}

div.description
{
	line-height: 140%;
}

#closeWindow
{
	display: none;
}

.searchTopic #closeWindow
{
	display: block;
	padding: 8px;
	border-radius: 5px;
}

/******* Search Pills *******/

.searchPill
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 85% 20px;
	grid-template-columns: auto 20px;
	background-color: #eeeeee;
	margin: 10px;
	padding: 10px;
	width: 80%;
	border-radius: 5px;
	display: none;
}

.searchPillClose
{
	text-align: left;
	font-size: 20px;
	cursor: pointer;
	-ms-grid-column: 2;
}

#frontSearchPills
{
	font-size: 9pt;
	line-height: 140%;
	-ms-grid-column: 1;
	-ms-grid-column-span: 4;
	-ms-grid-row: 3;
	grid-column-start: 1;
	grid-column-end: 5;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 25% 25% 25%;
	-ms-grid-rows: auto auto auto auto auto auto auto;
	grid-template-columns: 25% 25% 25% 25%;
	z-index: 1;
	overflow: auto;
	border-radius: 25px 25px 25px 25px;
}

#filtersApplied
{
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
	grid-column-start: 1;
	grid-column-end: 3;
	display: none;
	font-size: 10pt;
	color: #666666;
	font-weight: bold;
	padding-right: 10px;
	z-index: 1;
}

#removeFilters
{
	-ms-grid-column: 3;
	-ms-grid-column-span: 2;
	-ms-grid-row: 2;
	grid-column-start: 3;
	grid-column-end: 5;
	display: none;
	font-size: 8pt;
	color: #666666;
	font-style: italic;
	z-index: 1;
	width: 100px;
	margin-left: 10px;
	cursor: pointer;
}

/******* Nav Page *******/

#frontChoices
{
	padding: 0 10% 0 10%;
}

#Choice_0.frontChoiceRow
{
	display: grid;
	display: -ms-grid;
	grid-auto-flow: column;
	justify-content: right;
	grid-column-gap: 60px;
	-ms-grid-columns: 200px 200px 200px 200px 200px calc(100vw - 1000px);
}

#Choice_1.frontChoiceRow
{
	display: grid;
	display: -ms-grid;
	justify-content: right;
	padding: 0;
	grid-auto-flow: row;
	-ms-grid-row: 2;
	-ms-grid-rows: 100px 100px 80px;
	-ms-grid-columns: 200px 200px 200px 200px 200px calc(100vw - 1000px);
}

.frontChoiceSubRow
{
	display: grid;
	display: -ms-grid;
	grid-auto-flow: column;
	grid-auto-columns: 190px;
	grid-column-gap: 20px;
	padding: 10px 0 0 0;
	min-width: 400px;
}

.frontChoiceSubRow:nth-child(1)
{
	-ms-grid-row: 1;
}

.frontChoiceSubRow:nth-child(2)
{
	-ms-grid-row: 2;
}

.frontChoiceSubRow:nth-child(3)
{
	-ms-grid-row: 3;
}

.frontChoiceDiv
{
	margin: 20px 0px 0px 0px;
	text-align: right;
	cursor: pointer;
	max-width: 150px;
	max-height: 150px;
}

.frontChoiceDiv:nth-child(1),
.frontButtonDiv:nth-child(1),
.frontSecondChoice:nth-child(1)
{
	-ms-grid-column: 1;
}

.frontChoiceDiv:nth-child(2),
.frontButtonDiv:nth-child(2),
.frontSecondChoice:nth-child(2)
{
	-ms-grid-column: 2;
}

.frontChoiceDiv:nth-child(3),
.frontButtonDiv:nth-child(3),
.frontSecondChoice:nth-child(3)
{
	-ms-grid-column: 3;
}

.frontChoiceDiv:nth-child(4),
.frontButtonDiv:nth-child(4),
.frontSecondChoice:nth-child(4)
{
	-ms-grid-column: 4;
}

.frontChoiceDiv:nth-child(5),
.frontButtonDiv:nth-child(5),
.frontSecondChoice:nth-child(5)
{
	-ms-grid-column: 5;
}

.whiteimage
{
	display: none;
}

.frontChoiceDiv:hover .blackimage
{
	display: none;
	transition: 0.25s;
}

.frontChoiceDiv:hover .whiteimage
{
	display: block;
	transition: 0.25s;
	border-radius: 10px;
}

.frontSecondChoice:hover,
.frontSecondChoice.selected,
.frontButtonDiv:hover
{
	transition: 0.25s;
	background-color: rgba(0, 0, 0, 0.1);
	border-color: #ffffff;
}

.frontSecondChoice:hover .frontChoice,
.frontButtonDiv:hover .frontButtonText a,
.frontSecondChoice.selected .frontChoice
{
	transition: 0.25s;
	color: #ffffff;
}

/******* choice list *******/

.choiceList
{
	display: none;
	padding: 0;
	text-align: right;
	margin: 20px 0 0 0;
}

.choiceList li
{
	margin: 6px 0 6px 0;
	font-size: 16pt;
	line-height: 140%;
}

.choiceList li a
{
	color: #ffffff;
}

/******* General layout *******/

#container
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 10% auto 250px 15%;
	-ms-grid-rows: 60px 100px calc(100vh - 300px) 100px;
	grid-template-columns: 10% auto 250px 15%;
	grid-template-rows: 60px 100px auto 100px;
	min-height: 100vh;
	background-color: #ffffff;
}

#mainArea
{
	-ms-grid-column: 2;
	-ms-grid-row-span: 5;
	-ms-grid-row: 2;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 4;
	min-height: calc(100vh - 320px);
	overflow-x: auto;
	overflow-y: hidden;
}

#addContent
{
	display: none;
}

.bodyContent
{
	min-height: 60vh;
}

#logoDiv
{
	position: fixed;
	top: 0;
	right: 10%;
	padding: 12px 0 0 10px;
	z-index: 2;
	background-color: #ffffff;
	border-bottom: 1px #dddddd solid;
	width: calc(100% - 270px);
	height: 40px;
}

#breadcrumbsDiv
{
	-ms-grid-row: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	width: calc(100% - 270px);
}

#rightMenu,
.IEfix,
#bottomTOC
{
	position: fixed;
	padding-left: 5%;
	padding-right: 20px;
	left: 0;
	z-index: 2;
	width: calc(5% + 250px);
}

#docTitle
{
	padding-left: 5%;
	left: 0;
	z-index: 2;
	width: calc(5% + 250px);
}

#TOCDiv
{
	padding-left: 5%;
	padding-right: 20px;
	left: 0;
	z-index: 2;
	width: calc(5% + 250px);
}

#rightMenu
{
	top: 0;
	min-height: 100%;
	overflow: hidden;
}

#searchDiv
{
	top: 50px;
	padding: 10px;
	justify-content: center;
	position: fixed;
	left: calc(10% + 270px);
	z-index: 2;
	background-color: #dddddd;
	width: 280px;
	display: none;
}

#helperTable
{
	background-color: white;
}

#buttonsDiv,
#buttonsDivSingle
{
	top: 0;
	padding: 5px;
	justify-content: center;
	position: fixed;
	left: calc(10% + 210px);
	z-index: 2;
	background-color: #ffffff;
	width: 260px;
}

#bottomToolbar
{
	
}

#bottomToolbar .buttons._Skins_PreviousToolbar_2020.mc-component
{
	display: inline-block;
}

#bottomToolbar .buttons._Skins_NextToolbar_2020.mc-component
{
	display: inline-block;
	position: relative;
	right: calc(90% - 150px);
}

#docTitle
{
	top: 0px;
	padding-top: 10px;
	justify-content: center;
	font-size: 11pt;
	line-height: 140%;
}

#TOCDiv
{
	top: 20px;
	padding-top: 10px;
	height: calc(100vh - 210px);
	overflow: hidden;
}

#TOCDiv ul.menu.mc-component
{
	overflow: auto;
	height: 90%;
}

#TOCDiv ul::-webkit-scrollbar
{
	width: 10px;
}

#TOCDiv ul::-webkit-scrollbar-track
{
	background: #f1f1f1;
}

#TOCDiv ul::-webkit-scrollbar-thumb
{
	background: #0077c8;
}

#TOCDiv ul::-webkit-scrollbar-thumb:hover
{
	background: #2e6eae;
}

#bottomTOC
{
	bottom: 120px;
	z-index: 4;
}

.nocontent > li:last-child
{
	padding-bottom: 20px;
}

#TOCDiv
{
	padding-right: 10px;
	padding-left: 4.5%;
}

.showAllMenu .nocontent
{
	overflow-y: scroll !important;
	height: 75vh !important;
}

.showAllMenu .sub-menu,
.showAllMenu .collapseMenu
{
	display: block !important;
}

.showAllMenu > ul > li > a,
.showAllMenu .expandMenu,
.showAllMenu .extraMenuItems
{
	display: none !important;
}

#addContent .bodyContent
{
	min-height: 0;
}

#logo
{
	border-style: none;
	height: 20px;
	width: 88px;
}

#loader
{
	border: 4px solid #666666;
	border-radius: 50%;
	border-top: 4px solid #ffffff;
	width: 30px;
	height: 30px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
}

/* Safari */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
} 

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
} 

/******* Footer *******/

#provideComments
{
	cursor: pointer;
}

#provideComments a,
#provideComments a:visited,
#provideComments a:link
{
	color: #0077c8;
}

#dirNumber p
{
	color: #404040;
}

#revHistory
{
	display: inline-block;
	poisition: relative;
	right: 40%;
	visibility: hidden;
	margin: 4px 2px;
}

#revHistory p.zzFooter
{
	background-color: #0077c8;
	border-radius: 5px;
	padding: 4px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	font-size: 10pt;
	line-height: 140%;
	cursor: pointer;
}

#revHistory p.zzFooter a
{
	color: white;
}

div.DIRtable div a,
div.DIRtable
{
	display: initial;
}

div.addDIRtable
{
	display: none;
}

#regMessage,
#SearchRegMessage,
#search-title,
#loading-div,
#search-results
{
	padding-right: 10%;
	z-index: 3;
}

#regMessage
{
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-row-start: 5;
	grid-column-start: 1;
	grid-column-end: 5;
}

#SearchRegMessage
{
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 100vw;
}

/******* Menu TOC *******/

#rightMenu .sub-menu,
.buttons button src,
.loadLate,
.landingpage #docTitle,
.familypage #docTitle,
#selectedText,
#startPage,
#PDFname
{
	display: none;
}

.has-children > ul > li > ul > li
{
	margin-right: -12px;
	padding-bottom: 1px;
}

.has-children > ul > li > a,
.has-children > a,
.firstLevelTOC > a
{
	display: inline;
	margin: -7px 0px 0px 0 !important;
	padding: 1px 0px 6px 0px !important;
}

.menu > li > ul > li > a
{
	padding: 1px 0px 0px 0px !important;
}

.menu li a,
ul.menu li > a,
ul.submenu li > a
{
	color: #000000 !important;
	font-size: 11pt !important;
	line-height: 140% !important;
	display: inline;
}

#mainPageMenu .menu li a,
#mainPageMenu ul.menu li > a,
#mainPageMenu ul.submenu li > a
{
	color: #000000 !important;
}

.expandMenu,
.collapseMenu
{
	font-size: 0.75em;
	cursor: pointer;
	position: absolute;
	right: 0px;
	padding: 0 2px;
}

.expandMenu::before
{
	content: url("../Images/expandText.png");
}

.collapseMenu::before
{
	content: url("../Images/collapseText.png");
}

.collapseMenu
{
	display: none;
	opacity: 0.5;
}

.has-children > ul > li > a.selected
{
	font-weight: bold;
}

.has-children > ul > li
{
	margin: 1px 0px 0px 0px !important;
	padding: 0px 20px 0px 0px !important;
}

.menu > li > ul > li
{
	border-right-style: none;
	margin: 0 0px 0 0 !important;
}

.has-children > ul > li:last-child
{
	padding-bottom: 0px !important;
}

.menu > .has-children
{
	margin-top: 6px;
}

.showAllMenu .has-children:first-child > ul > li:first-child
{
	margin-top: 0px !important;
}

li.has-children
{
	position: relative;
}

ul.menu
{
	padding-right: 15px !important;
}

.extraMenuItems
{
	color: #0077c8;
	text-decoration: none;
	cursor: pointer;
	margin-right: -22px;
	margin-top: -3px;
	display: inline-block;
	position: absolute;
}

.extraMenuItems img
{
	border: none;
}

/******* Toolbars *******/

.buttons button
{
	color: #ffffff;
	/* background-image: none !important;*/
}

.button-text
{
	padding: 0;
	font-size: 16pt;
}

#printChoice,
#loadChoice
{
	margin: 24px 0 0 0;
}

#printChoice button,
#loadChoice button
{
	margin: 2px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	background-color: #eeeeee;
	color: #444444;
	box-shadow: 2pt 2pt 4pt 0 #c0c0c0;
	border-radius: 5px;
}

#previousLink a,
#nextLink a
{
	display: inline-block;
	width: 30px;
	cursor: pointer;
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button
{
	background-size: cover;
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button
{
	background-size: cover;
}

#bottomToolbar ._Skins_PreviousToolbar_2020.mc-component button.button.previous-topic-button,
#previousLink
{
	background-image: url("../Images/nav-previous-32.png");
}

#bottomToolbar ._Skins_NextToolbar_2020.mc-component button.button.next-topic-button,
#nextLink
{
	background-image: url("../Images/nav-next-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-all-tot-button
{
	background-image: url("../Images/expand-all-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.expand-all-tot-button
{
	background-image: url("../Images/expand-all-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-all-tot-button.collapse-all
{
	background-image: url("../Images/collapse-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.expand-all-tot-button.collapse-all
{
	background-image: url("../Images/collapse-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.load-all-button
{
	background-image: url("../Images/load-section-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.load-all-button
{
	background-image: url("../Images/load-section-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.load-all-button.reload-topic
{
	background-image: url("../Images/reload-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.load-all-button.reload-topic
{
	background-image: url("../Images/reload-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.get-pdf-button
{
	background-image: url("../Images/pdf-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.get-pdf-button
{
	background-image: url("../Images/pdf-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-print-button
{
	background-image: url("../Images/print-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.expand-print-button
{
	background-image: url("../Images/print-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.print-all-button
{
	background-image: url("../Images/print-all-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.print-all-button
{
	background-image: url("../Images/print-all-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.show-search-button
{
	background-image: url("../Images/search-32.png");
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.show-search-button
{
	background-image: url("../Images/search-32.png");
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-print-button:hover,
#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.get-pdf-button:hover,
.load-all-button:hover,
#bottomToolbar ._Skins_NextToolbar_2020.mc-component button.button.next-topic-button:hover,
#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-all-tot-button:hover,
#bottomToolbar ._Skins_PreviousToolbar_2020.mc-component button.button.previous-topic-button:hover
{
	opacity: 0.5;
}

#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.expand-print-button:hover,
#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.get-pdf-button:hover,
.load-all-button:hover,
#bottomToolbar ._Skins_NextToolbar_2020.mc-component button.button.next-topic-button:hover,
#buttonsDivSingle ._Skins_SingleTopToolbar_2020.mc-component button.button.expand-all-tot-button:hover,
#bottomToolbar ._Skins_PreviousToolbar_2020.mc-component button.button.previous-topic-button:hover
{
	opacity: 0.5;
}

button.button img
{
	display: none;
}

.button:focus
{
	outline: transparent;
}

/******* breadcrumbs *******/

div.breadcrumbs
{
	padding: 0;
	font-size: 10pt;
	border: none;
}

div.breadcrumbs
{
	color: #0077c8;
}

div.breadcrumbs a
{
	color: #0077c8;
	text-decoration: underline;
}

#TOCDiv a:hover
{
	background-color: inherit;
	color: #5e14a8 !important;
}

div.breadcrumbs a:last-of-type
{
	color: #000000;
	text-decoration: none;
	cursor: auto;
}

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-divider: " / ";
}

.MCBreadcrumbsPrefix + .MCBreadcrumbsSelf,
.MCBreadcrumbsPrefix + .MCBreadcrumbsSelf + .MCBreadcrumbsDivider,
.MCBreadcrumbsPrefix,
.MCBreadcrumbsSelf
{
	display: none;
}

/******* Rev History *******/

.changeLog,
.addChangeLog,
#currentDIR
{
	display: none;
}

.revHistTable
{
	border-collapse: collapse;
	width: 100%;
}

p.logTitle
{
	cursor: pointer;
	color: #0077c8;
}

.revHistTable > tbody > tr > td,
.revHistTable > thead > tr > th
{
	border: 1px solid #bbbbbb;
	text-align: right;
	margin-right: 4pt;
	margin-left: 4pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
	font-size: 10pt;
	line-height: 140%;
	page-break-inside: avoid;
}

.revHistTable > thead > tr > th
{
	border-top: 0;
	border-bottom: 1px solid #666666;
	cursor: pointer;
}

.revHistTable > tbody > tr > td:first-child,
.revHistTable > thead > tr > th:first-child
{
	border-left: 0;
}

.revHistTable > tbody > tr:last-child > td
{
	border-bottom: 0;
}

.revHistTable > tbody > tr > td:last-child,
.revHistTable > thead > tr > th:last-child
{
	border-right: 0;
}

#hamburgerMenu
{
	display: none;
	z-index: 3;
	position: fixed;
	top: 15px;
	left: 0;
	cursor: pointer;
	padding: 2px;
}

.bodycontent
{
	padding-bottom: 70px;
}

/******* Feedback Form *******/
/* Full-width input fields */

input[type="email"],
textarea
{
	width: 60%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.form-container textarea,
.form-container input
{
	font-family: Inter, Arial, Helvetica, sans-serif;
}

.form-container p:first-child
{
	margin-top: 0pt;
	margin-bottom: 40px;
}

#inputURL,
#inputTitle
{
	width: 80%;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: none;
	box-sizing: border-box;
}

/* Set a style for all buttons */

button
{
	background-color: #666666;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100px;
}

button label
{
	cursor: pointer;
}

a:hover,
#TOCDiv a:hover
{
	background-color: inherit;
}

.supportLines a:hover,
.choiceList a:hover
{
	color: #000000;
}

button:hover
{
	opacity: 0.8;
}

/* position the close and move buttons */

.cancel-container
{
	margin: 24px 12px 12px 12px;
	position: absolute;
	display: inline-block;
	left: 0%;
}

.move-container
{
	margin: 24px 10px 12px 0px;
	position: absolute;
	display: inline-block;
	right: 0%;
}

.form-container
{
	padding: 16px;
	margin-top: 60px;
}

/* The Move and Close Button (x) */

.close,
.move
{
	color: #0077c8;
}

.close:hover,
.close:focus
{
	cursor: pointer;
	opacity: 0.8;
}

.move:hover,
.move:focus
{
	cursor: grab;
}

/* The Modal (background) */

.modal
{
	display: none;
	position: fixed;
	z-index: 3;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content/Box */

.modal-content
{
	background-color: #fefefe;
	top: 5%;
	right: 15%;
	position: fixed;
	width: 70%;
}

/* Add Zoom Animation */

.animate
{
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
  }
} 

@keyframes animatezoom {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
} 

.return
{
	display: none;
}

.return-container
{
	text-align: left;
	margin: 0;
	position: absolute;
	left: 20px;
	top: 20px;
	cursor: pointer;
}

@media all and (max-width: 1430px)
{
	.bodycontent
	{
		padding-bottom: 100px;
	}

	#dirNumber,
	#provideComments
	{
		border: none;
		padding: 0;
	}

	.button-text
	{
		display: none;
	}

	#Choice_0.frontChoiceRow
	{
		grid-column-gap: 20px;
	}
}

@media all and (max-width: 830px)
{
	div.landingpage #mc-main-content,
	div.familypage #mc-main-content
	{
		display: block;
	}

	div.landingpage,
	div.familypage
	{
		background-size: 100% 100%;
		grid-template-rows: 200px calc(100% - 320px) 120px;
	}

	#frontBody
	{
		min-height: calc(99vh - 320px);
	}

	#pageFooter
	{
		-ms-grid-row: 5;
		grid-row-start: 5;
		grid-row-end: 6;
		grid-column-start: 1;
		grid-column-end: 5;
		padding: 0 20px;
	}

	#Choice_0.frontChoiceRow
	{
		grid-column-gap: 4px;
	}

	#searchDiv,
	#buttonsDiv,
	#TOCDiv,
	#rightMenu
	{
		display: none;
	}

	#buttonsDiv,
	#buttonsDivSingle
	{
		padding-left: 40px;
	}

	#hamburgerMenu
	{
		display: block;
	}

	#container
	{
		grid-template-columns: 20px auto 0px 40px;
		column-gap: 0px 20px 0px;
		grid-template-rows: 100px 100px auto 70px 120px;
	}

	#regMessage
	{
		grid-column-end: 4;
		padding: 0;
	}

	#frontFooter #regMessage
	{
		padding: 0 10% 0 0;
	}

	#bottomTOC
	{
		position: static;
		z-index: 1;
		margin: 10px 0 4px 2px;
		padding: 0;
		width: auto;
		-ms-grid-row: 4;
		grid-row-start: 4;
		grid-row-end: 5;
		grid-column-start: 2;
		grid-column-end: 5;
	}

	#dirNumber,
	#provideComments
	{
		display: block;
	}

	#dirNumber p,
	#provideComments p
	{
		display: inline-block;
		margin: 0;
		line-height: 140%;
	}

	#dirNumber p
	{
		color: initial;
	}

	h1
	{
		line-height: 140%;
	}

	#frontTitleBox h1
	{
		font-size: 24pt;
	}

	#rightMenu
	{
		left: 40px;
		z-index: 2;
	}

	#frontHeader
	{
		grid-template-columns: auto auto;
		padding: 20px 10% 0 0;
	}

	#frontLogoDiv
	{
		padding: 6px 0 16px 40px;
	}

	#frontSubTitle
	{
		grid-column-start: 1;
		grid-column-end: 4;
		width: 100%;
	}

	#frontSearch
	{
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#frontButtons,
	#frontChoices
	{
		display: block;
		padding: 10px 10% 0px 10%;
	}

	.frontRow,
	.frontChoiceRow,
	.frontChoiceSubRow
	{
		display: block;
		padding: 0;
	}

	.frontButtonDiv,
	.frontChoiceDiv,
	.frontChoiceDiv:hover,
	.frontSecondChoice,
	.frontSecondChoice:hover
	{
		border: none;
		padding: 10px;
		margin: 10px 0 10px 0;
		box-shadow: none;
		width: auto;
		height: auto;
		text-align: right;
	}

	.selectKits,
	.notSelected
	{
		display: none;
	}

	.frontSecondChoice .frontChoice
	{
		border: none;
		padding: 0;
		margin: 0 10px 0 0;
		box-shadow: none;
		width: auto;
		height: auto;
		text-align: right;
		min-height: 0px;
	}

	.choiceList
	{
		position: static;
		padding: 20px;
		text-align: right;
		margin: 0 -1px 0 0;
		border: none;
		width: auto;
	}

	.choiceList li
	{
		margin: 12px 0 12px 0;
	}

	/* position the return button */

	.return
	{
		position: absolute;
		left: 25px;
		top: 0;
		color: #000;
		font-size: 20px;
		font-weight: bold;
	}

	.return:hover,
	.return:focus
	{
		color: red;
		cursor: pointer;
	}

	#Generate_CSV
	{
		left: 50px;
	}
}

@media all and (max-width: 625px)
{
	.breadcrumbs
	{
		display: none;
	}

	#buttonsDiv > .button,
	#buttonsDivSingle > .button
	{
		display: block;
	}
}

@media all and (max-width: 770px)
{
	#buttonsDivSingle
	{
		margin-right: auto;
		width: auto;
	}

	#buttonsDivSingle > .buttons
	{
		margin-right: auto;
	}
}

@media all and (max-width: 800px)
{
	#bottomToolbar
	{
		margin-left: 20px !important;
	}
}

@media all and (max-width: 375px)
{
	#logoDiv
	{
		width: 88px;
	}
}

*
{
	-webkit-print-color-adjust: exact !important;
	/* Chrome, Safari 6 – 15.3, Edge */
	color-adjust: exact !important;
	/* Firefox 48 – 96 */
	print-color-adjust: exact !important;
	/* Firefox 97+, Safari 15.4+ */
}

@media print
{
	html,
	body
	{
		height: 99%;
		/*margin: 0 !important; */
		/*overflow: hidden;*/
		padding: 0 !important;
		background-image: unset;
	}

	*
	{
		page-break-after: auto !important;
		page-break-before: auto !important;
	}

	div.nobreak
	{
		break-inside: avoid !important;
	}

	.bookmark
	{
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	#rightMenu,
	#bottomTOC,
	#pageFooter,
	#regMessage,
	#provideComments,
	.breadcrumbs,
	#SearchRegMessage,
	div.DIRtable,
	.cookie-modal,
	.clearNew,
	#logoDiv
	{
		display: none;
	}

	#container
	{
		display: block !important;
	}

	.headerSpace,
	.footerSpace
	{
		height: 53px;
		display: block;
		margin: 10px;
	}

	#dirNumber
	{
		position: fixed;
		bottom: 0;
		right: 0;
	}

	/*#mainArea {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  } */

	body.protocol h1
	{
		mc-auto-number-format: "";
	}

	.glossaryTerm:link,
	.glossaryTerm
	{
		border-bottom: none;
		font-size: inherit;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		page-break-after: avoid;
	}

	div.bodyContent,
	p.BodyConcept,
	div.dropDown
	{
		break-inside: avoid;
	}

	#insert_1 h1,
	#insert_0 h1
	{
		page-break-before: avoid;
	}

	table
	{
		page-break-inside: avoid;
		max-width: 90%;
	}

	#helperTable
	{
		page-break-inside: unset;
	}

	img
	{
		max-height: 90%;
		max-width: 90%;
	}

	.Figure img
	{
		max-height: 60%;
		max-width: 60%;
	}

	#container
	{
		counter-reset: table;
	}

	body
	{
		counter-reset: figure;
	}

	.FigTitle::before
	{
		counter-increment: figure;
		content: "Figure " counter(figure) ": ";
	}

	caption::before
	{
		counter-increment: table;
		content: "Table " counter(table) ": ";
	}

	#hamburgerMenu,
	.MCPopupThumbnailPopup,
	.MCPopupThumbnailLink:after
	{
		display: none;
	}

	#printTOC,
	#printFrontFooter,
	#printFrontTitle #frontTitle,
	#printFrontTitle #frontSubTitle
	{
		display: block;
		background-color: transparent;
		padding: 0;
	}

	#printfrontPage .menu.mc-component
	{
		display: block !important;
	}

	#printCoverGraph
	{
		display: block;
	}

	.logTitle
	{
		page-break-before: avoid;
	}

	.revHistTable,
	#logTable_div,
	#logTable_div .logTitle
	{
		page-break-before: avoid;
		page-break-inside: avoid;
	}

	.printImage
	{
		display: inline-block;
		max-height: 60%;
		max-width: 60%;
	}

	#Generate_CSV
	{
		display: none;
	}
}

#changeList
{
	display: grid;
}

#listPart
{
	grid-column-start: 1;
}

#listDate
{
	grid-column-start: 2;
}

#listDescr
{
	grid-column-start: 3;
}

#changeFlex
{
	display: flex;
	flex-direction: row;
}

.ListOfProxy_0
{
	border: 1px solid black;
	background-color: yellow;
}

.ListOfProxy_0 table
{
	border: 1px solid blue;
	background-color: red;
}

table i
{
	cursor: pointer;
}

#Generate_CSV
{
	color: #0077c8;
	cursor: pointer;
	position: fixed;
	left: calc(250px + 15%);
	top: 15px;
}

#Generate_CSV a
{
	font-size: 8pt;
	color: #0077c8;
}

/****** iFrame ******/

div.iFrameDiv
{
	
}

a.iFrameLink
{
	display: none;
}

iframe.iFrameSelf
{
	width: 100%;
	height: 500px;
}