﻿/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/******* Header *******/

#frontHeader
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	padding: 20px 10% 0 10%;
}

#frontLogoDiv
{
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
	padding: 6px 0 16px 0;
}

.frontStepsDiv
{
	-ms-grid-column: 2;
	grid-column-start: 2;
	grid-column-end: 3;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 25% 25% 25% 25%;
	grid-template-columns: 25% 25% 25% 25%;
	grid-auto-flow: row;
	margin-left: 25px;
}

#frontChoices .frontStepsDiv
{
	grid-auto-flow: column;
	justify-content: center;
	grid-column-start: auto;
	grid-column-end: auto;
	grid-template-columns: auto;
	-ms-grid-columns: auto;
	visibility: hidden;
	height: 0px;
}

.frontStepsDiv div:nth-child(2)
{
	-ms-grid-column: 2;
}

.frontStepsDiv div:nth-child(3)
{
	-ms-grid-column: 3;
}

.frontStepsDiv div:nth-child(4)
{
	-ms-grid-column: 4;
}

.frontStepsDiv div
{
	font-family: Inter, Helvetica, sans-serif;
	font-size: 12pt;
	padding: 16px;
	text-align: center;
}

.frontStepsDivDiv
{
	padding: 16px 36px;
	border-bottom: 1px solid #cccccc;
}

.frontStepsDivDiv a
{
	cursor: pointer;
}

#logo
{
	width: 100px;
	height: auto;
	border-style: none;
}

#frontStepsDiv a:link,
#frontStepsDiv a:visited
{
	color: #3E7EBE;
}

.currentArea,
.frontStepsDivDiv .currentArea
{
	border-bottom: 4pt solid #FFB441;
}

/******* Body Title Box *******/

#frontTitleBox
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 0% 70% 15%;
	-ms-grid-rows: auto auto auto;
	grid-template-columns: 25% 50% 25%;
	grid-template-rows: auto auto 6px;
	background-color: #3E7EBE;
	padding: 0px 10% 20px 10%;
}

#frontTitle
{
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 1;
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
}

#frontTitleBox h1
{
	color: #ffffff;
	display: block;
	font-family: Inter, Helvetica, sans-serif;
	font-size: 36pt;
	line-height: 140%;
	margin-top: 40px;
	transform: scaleY(0.75);
}

#frontSubTitle
{
	-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 2;
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	width: 50%;
}

#frontSubTitle p
{
	color: #ffffff;
	font-family: Inter, Helvetica, sans-serif;
	font-size: 16pt;
	line-height: 140%;
	margin-bottom: 40px;
	transform: scaleY(0.75);
}

#frontSearch
{
	-ms-grid-column: 2;
	-ms-grid-row: 3;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 4;
}

/* print front page settings */

#printTOC li :before
{
	content: "";
}

#printTOC a.selected
{
	color: inherit !important;
	font-weight: normal;
}

#printFrontTitle #frontTitleBox .title
{
	color: #3E7EBE;
}

#printCoverGraph
{
	background-image: url('../Images/cover_graphic.jpg');
	display: none;
}

#printFrontTitle #frontTitleBox .subTitle
{
	color: #555555;
}

#printFrontFooter
{
	page-break-after: always;
}

#frontSubTitle
{
	width: 100%;
}

#printTOC,
#printFrontFooter,
#printFrontTitle #frontSearch,
#printTOC > div > ul > li > a,
#printTOC ul li ul li ul li,
.printImage
{
	display: none;
}

#printTOC
{
	min-height: 600px;
}

#printTOC li
{
	border: none;
}

#printFrontTitle #frontTitleBox
{
	background-color: transparent;
	padding: 0;
}

/******* Body Buttons *******/

#frontButtons
{
	display: -ms-grid;
	display: grid;
	grid-row-gap: 20px;
	padding: 40px 0 20px 0;
}

.frontRow
{
	padding: 20px 20px 6px 20px;
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
	grid-column-gap: 20px;
	min-width: 400px;
}

.frontRow-5
{
	-ms-grid-columns: 10% 16% 10% 16% 10% 16% 10% 16% 10% 16%;
}

.frontRow-4
{
	-ms-grid-columns: 15% 20% 10% 20% 10% 20% 10% 20%;
}

.frontRow-3
{
	-ms-grid-columns: 30% 20% 10% 20% 10% 20%;
}

.frontRow-2
{
	-ms-grid-columns: 45% 20% 10% 20%;
}

.frontRow:nth-child(2)
{
	-ms-grid-row: 2;
}

.frontRow:nth-child(3)
{
	-ms-grid-row: 3;
}

.frontButtonDiv
{
	border: 1pt solid #666666;
	box-shadow: 2pt 2pt 4pt 0 #c0c0c0;
	border-radius: 25px;
	width: 140px;
	height: 140px;
	margin: 0px 20px 0px 20px;
	padding: 20px 10% 20px 10%;
	text-align: center;
}

.frontButtonWritten
{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	font-size: 16px;
	color: #fff;
	line-height: 140%;
	text-align: center;
	background: #3E7EBE;
	display: block;
	margin: 0px 20px 10px 20px;
}

.frontButtonText
{
	color: #3E7EBE;
	margin: 0pt;
	line-height: 140%;
}

.frontButtonDiv.cleanXHTML
{
	display: inline-block;
	padding: 20px;
	margin: 20px 0% 20px 10%;
}

.frontButtonDiv:nth-child(1),
.frontChoiceDiv:nth-child(1),
.supportRows div:nth-child(1)
{
	-ms-grid-column: 2;
}

.frontButtonDiv:nth-child(2),
.frontChoiceDiv:nth-child(2),
.supportRows div:nth-child(2)
{
	-ms-grid-column: 4;
}

.frontButtonDiv:nth-child(3),
.frontChoiceDiv:nth-child(3)
{
	-ms-grid-column: 6;
}

.frontButtonDiv:nth-child(4),
.frontChoiceDiv:nth-child(4)
{
	-ms-grid-column: 8;
}

.frontButtonDiv:nth-child(5),
.frontChoiceDiv:nth-child(5)
{
	-ms-grid-column: 10;
}

.frontButtonLink img,
.frontChoice img
{
	width: 100px;
	height: 100px;
	margin: 0px 20px 5px 20px;
	border-style: none;
}

.selected p
{
	font-weight: bold;
}

.notSelected img
{
	opacity: 0.2;
}

.frontChoice
{
	margin: 0pt;
	font-size: 14pt;
	line-height: 140%;
}

.frontButtonText a
{
	color: inherit;
}

/******* Support *******/
.supportRows
{
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
	grid-column-gap: 20px;
	min-width: 400px;
	-ms-grid-columns: 20% 30% 30% 20%;
}

#frontSupport
{
	border-top: 1px solid #bbbbbb;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 60% 10% 10%;
	grid-template-columns: auto 200px;
	padding: 0 10% 10px 10%;
}

#frontSupportLines
{
	grid-row-start: 1;
	grid-row-end: 2;
}

#frontSupportLines h2
{
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: 12pt;
	font-weight: bold;
	line-height: 140%;
}

#frontSupportContact
{
	-ms-grid-column: 3;
	grid-column-start: 2;
	grid-column-end: 3;
	border-radius: 10px;
	border: 1.5pt solid #666666;
	width: 160px;
	height: 36px;
	margin-top: 50px;
	padding: 10px;
	text-align: center;
	background-color: #fff;
}

#frontSupportContact p
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/******* Footer *******/

#frontRegMessage
{
	background-color: #e9e9e9;
	padding: 10px 10% 10px 10%;
}

#frontRegMessage p,
#frontRegMessage p span,
#frontSupportLines p,
#frontSupportLines p span
{
	margin: 10px 0 10px 0;
	font-size: 9pt;
	line-height: 140%;
}

#frontRegMessage p.zzResearchOnly
{
	font-weight: bold;
}

.footer a
{
	color: #328ed1;
	text-decoration: none;
}

#doc-center #changelog,
#doc-center #doc-center-link
{
	display: none;
}

/******* Search *******/

#frontSearchForm
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 15% 15% 60% 10%;
	-ms-grid-rows: auto auto auto auto;
	grid-template-columns: 90px auto 60px 40px;
	border: 1pt solid #666666;
	box-shadow: 2pt 2pt 4pt 0 #c0c0c0;
	border-radius: 25px;
	background-color: #ffffff;
	z-index: 1;
}

#frontSearchEntry,
#frontSearchFilter,
#frontSearchSubmit
{
	height: 3em;
	font-size: 1em;
	padding-left: 10px;
	border: none;
	background-color: #ffffff;
}

#frontSearchEntry
{
	margin: 0 0 0 20px;
	padding: 0;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
}

#frontSearchSubmit
{
	border-radius: 0 25px 25px 0;
	-ms-grid-column: 3;
}

#frontSearchFilter
{
	border-radius: 25px 0 0 25px;
	border-right: 1pt solid #666666;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 60px 30px;
	grid-template-columns: 60px 30px;
	padding-right: 90px;
}

#frontSearchText
{
	-ms-grid-column: 1;
	grid-column-start: 1;
	grid-column-end: 2;
	margin: 14px 0 0 0;
	font-size: 1em;
	padding: 0;
}

#frontSearchIcon
{
	-ms-grid-column: 2;
	grid-column-start: 2;
	grid-column-end: 3;
	margin: 8px 0 0 0;
	padding: 0;
}

#frontSearchFilter,
#frontSearchSubmit
{
	-ms-grid-column: 1;
	grid-column-start: 1;
	grid-column-end: 2;
	position: relative;
	cursor: pointer;
}

#frontSearchEntry,
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;
	background-color: #ffffff !important;
	color: #555555 !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;
}

#frontSearchSubmit
{
	-ms-grid-column: 4;
	grid-column-start: 4;
	grid-column-end: 5;
	height: 2em;
	font-size: 1em;
	padding: .5em 0 .5em 0px;
	cursor: pointer;
}

#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;
	background-color: #ffffff;
	border-radius: 0 0 25px 25px;
}

#frontSearchBoxesContent
{
	background-color: #fefefe;
	padding: 0 20px;
	width: 80%;
}

#filterOpenIcon,
#filterClosedIcon
{
	color: #FFB441;
	padding: 0;
}

#filterOpenIcon,
.doc-family,
.doc-div
{
	display: none;
}

.doc-family p,
.doc-category h2,
.MCPopupThumbnailPopup
{
	cursor: pointer;
}

.doc-category div
{
	margin: 6px 0 0 12px;
}

#searchSubmitIcon
{
	padding: 6px;
	color: #666666;
}

#searchHelpName
{
	visibility: hidden;
}

.SearchHighlight
{
	background-color: LightGoldenRodYellow;
}

#resultList h3.title b
{
	color: #1B447B;
}

/******* Search on Page *******/

#pageSearchTot
{
	position: relative;
	color: #DADADA;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: 2em;
	margin-top: 10px;
}

#pageSearchEntry
{
	height: 2em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	color: #5F5F5F;
	font-size: 11pt;
	padding-left: 10px;
	background-color: #f5f5f5;
	text-align: left;
	width: 100%;
	height: 2em;
	padding-left: 10px;
	margin: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
	border-radius: 25px;
	position: relative;
}

#pageSearchSubmit
{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1em;
}

/******* Search Results *******/

.searchTopic
{
	mc-master-page: url('../MasterPages/Search-2020.flmsp');
}

.searchTopic .glossary
{
	visibility: hidden;
	color: #444444;
	font-family: Inter, Helvetica, sans-serif;
	font-size: 11pt;
	margin-bottom: 25px;
	padding-left: 15px;
	padding-right: 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: #3e7ebe;
	text-decoration: none;
}

.micro-response-url
{
	display: none;
}

div.description
{
	line-height: 140%;
}

/******* 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: right;
	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;
	background-color: #ffffff;
	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-left: 10px;
	background-color: #ffffff;
	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;
	background-color: #ffffff;
	width: 100px;
	margin-right: 10px;
	cursor: pointer;
}

/******* Nav Page *******/

#frontChoices
{
	display: grid;
	padding: 60px 0% 20px 0%;
	display: -ms-grid;
	-ms-grid-rows: auto auto;
	-ms-grid-columns: 200px auto;
}

.frontChoiceRow
{
	padding: 0 20px 0 20px;
	display: grid;
	display: -ms-grid;
	-ms-grid-column: 2;
	grid-auto-flow: column;
	justify-content: center;
	grid-column-gap: 20px;
}

#Choice_1.frontChoiceRow
{
	padding: 0;
	grid-auto-flow: row;
	-ms-grid-row: 2;
	display: -ms-grid;
	-ms-grid-rows: auto auto auto auto;
}

.frontChoiceSubRow
{
	padding: 0 20px 0 20px;
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
	grid-column-gap: 20px;
	display: -ms-grid;
	-ms-grid-columns: 0% 16% 10% 16% 10% 16% 10% 16% 10% 16%;
}

#SubRow_1
{
	-ms-grid-row: 2;
}

.frontChoiceSubRow div:nth-child(1)
{
	-ms-grid-column: 2;
}

.frontChoiceSubRow div:nth-child(2)
{
	-ms-grid-column: 4;
}

.frontChoiceSubRow div:nth-child(3)
{
	-ms-grid-column: 6;
}

.frontChoiceSubRow div:nth-child(4)
{
	-ms-grid-column: 8;
}

.frontChoiceSubRow div:nth-child(5)
{
	-ms-grid-column: 10;
}

.frontChoiceDiv
{
	width: 140px;
	height: 140px;
	margin: 60px 20px 0px 20px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	border: 1pt solid #666666;
	box-shadow: 2pt 2pt 4pt 0 #c0c0c0;
	border-radius: 25px;
}

.frontChoiceDiv:hover
{
	margin: 56px 20px 4px 20px;
	box-shadow: 0 3px 4px 3px #c0c0c0;
	transition: 0.25s;
}

.frontSecondChoice
{
	margin: 40px 5px 0 5px;
	width: 160px;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.frontSecondChoice:hover
{
	margin: 36px 5px 4px 5px;
	box-shadow: 0 2px 2px 2px #EEEEEE;
	transition: 0.25s;
}

.frontLinkRow
{
	display: grid;
	grid-auto-flow: row;
	padding: 60px 20px 20px 20px;
	justify-content: center;
}

.frontLinkDiv
{
	text-align: center;
	cursor: pointer;
}

.frontLink
{
	text-align: left;
}

/******* choice list *******/

.choiceList
{
	display: none;
	background-color: #ffffff;
	z-index: 10000;
	position: absolute;
	padding: 20px;
	text-align: left;
	margin: 0 -1px 0 0;
	top: 116px;
	left: 0px;
	border: 1pt solid rgba(0, 0, 0, 0.125);
	border-radius: 5px;
	width: 200px;
}

.choiceList li
{
	margin: 6px 0 6px 0;
	font-size: 10pt;
	line-height: 140%;
	z-index: 10000;
}

.choiceList li a
{
	color: #666666;
	z-index: 10000;
}

.selected .choiceList
{
	display: block;
}

.frontSecondChoice .frontChoice
{
	min-height: 60px;
	padding: 10px;
	font-size: 11pt;
	line-height: 140%;
	border: 1pt solid rgba(0, 0, 0, 0.125);
	border-top: 4pt solid #3E7EBE;
	border-bottom: none;
}

.selectKits
{
	background-color: #eeeeee;
	padding: 5px 10px 10px 10px;
	margin: 0;
	z-index: 1;
	font-size: 10pt;
	line-height: 140%;
	min-height: 42px;
	border: 1pt solid rgba(0, 0, 0, 0.125);
	-webkit-border-radius: 0 0 -webkit-calc(0.25rem - 1px) -webkit-calc(0.25rem - 1px);
	-moz-border-radius: 0 0 -moz-calc(0.25rem - 1px) -moz-calc(0.25rem - 1px);
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

/******* General layout *******/

#container
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 10% auto 250px 15%;
	-ms-grid-rows: 100px 100px calc(100vh - 370px) 60px 110px;
	grid-template-columns: 10% auto 250px 15%;
	grid-template-rows: 100px 100px auto 60px 110px;
	min-height: 100vh;
}

#mainArea
{
	display: grid;
	-ms-grid-column: 2;
	-ms-grid-row-span: 5;
	-ms-grid-row: 1;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	min-height: calc(100vh - 320px);
	overflow: auto;
}

#addContent
{
	display: none;
}

.bodyContent
{
	-ms-grid-row: 3;
	grid-row-start: 3;
	grid-row-end: 4;
	min-height: 65vh;
}

#logoDiv
{
	-ms-grid-row: 1;
	grid-row-start: 1;
	grid-row-end: 2;
	padding-top: 20px;
}

#breadcrumbsDiv
{
	-ms-grid-row: 2;
	grid-row-start: 2;
	grid-row-end: 3;
}

#rightMenu,
#searchDiv,
#buttonsDiv,
#TOCDiv,
.IEfix
{
	position: fixed;
	padding-right: 5%;
	padding-left: 6px;
	right: 0;
	z-index: 2;
	width: calc(5% + 250px);
}

#rightMenu
{
	top: 0;
	min-height: 100%;
	background-color: #3e7ebe;
}

#searchDiv
{
	top: 0;
	padding-top: 10px;
}

#buttonsDiv
{
	top: 50px;
	padding-top: 10px;
}

#TOCDiv
{
	top: 100px;
	padding-top: 10px;
	overflow: auto;
	height: calc(100vh - 180px);
}

#TOCDiv ul.menu.mc-component
{
	overflow: initial;
}

#bottomTOC
{
	-ms-grid-row: 5;
	-ms-grid-column: 3;
	grid-row-start: 4;
	grid-column-start: 3;
	grid-column-end: 5;
	padding: 0px 5% 0 6px;
	background-color: #3e7ebe;
	z-index: 4;
	margin: 0 0 0 15%;
	width: calc(5% + 250px);
}

#TOCDiv,
#bottomTOC
{
	padding-left: 6px;
}

#bottomTOC .buttons
{
	display: none;
}

div.breadcrumbs
{
	padding: 20px 0 0 0;
	margin: 0;
}

.showAllMenu .nocontent
{
	overflow-y: scroll !important;
	height: 75vh !important;
}

.showAllMenu .sub-menu,
.showAllMenu .collapseMenu
{
	display: block !important;
}

.showAllMenu > ul > li > a,
.showAllMenu .expandMenu
{
	display: none !important;
}

#addContent .bodyContent
{
	min-height: 0;
}

#logo
{
	width: 100px;
	height: auto;
	border-style: none;
}

.fa-spinner
{
	height: 48px;
}

/******* Footer *******/

#SupportContact,
#provideComments
{
	cursor: pointer;
	padding: 4px;
}

#frontSupport #provideComments
{
	position: static;
	padding: 0px;
}

#SupportContact a,
#SupportContact a:visited,
#SupportContact a:link,
#provideComments a,
#provideComments a:visited,
#provideComments a:link
{
	color: #ffffff;
}

#revHistory
{
	-ms-grid-row: 4;
	-ms-grid-column: 2;
	grid-row-start: 4;
	grid-row-end: 5;
	grid-column-start: 2;
	grid-column-end: 3;
	margin: 4px 2px;
}

#revHistory p.zzFooter
{
	background-color: #3e7ebe;
	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;
}

#regMessage,
#SearchRegMessage
{
	padding-left: 10%;
	background-color: #e9e9e9;
	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;
	left: 0px;
	width: 100vw;
}

/******* Menu TOC *******/

#rightMenu .sub-menu,
.buttons button src,
.loadLate
{
	display: none;
}

.has-children > ul > li > ul > li
{
	margin-left: -12px;
	padding-bottom: 1px;
}

.has-children > ul > li > ul > li:before
{
	content: "├";
	font-weight: bold;
	margin-left: -6px;
	float: left;
	color: #ffffff;
	font-size: 13pt;
}

.has-children > ul > li > ul > li:last-child:before
{
	content: " └";
}

.menu > li > ul > li > a:before
{
	content: "";
	margin-left: 0px;
	border-left-style: none;
}

.has-children > ul > li > a
{
	display: inline;
	margin: -7px 0 0px 0px !important;
	padding: 1px 0px 6px 6px !important;
}

.menu > li > ul > li > a
{
	padding: 1px 0px 0px 0px !important;
}

.menu li a,
ul.menu li > a,
ul.submenu li > a
{
	color: #ffffff !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;
	left: 0px;
	color: #ffffff;
	padding: 0 2px;
}

.collapseMenu
{
	display: none;
}

.has-children > ul > li > a.selected
{
	color: #bbbbbb !important;
}

.has-children > ul > li
{
	margin: 0 0 0 20px !important;
	padding: 0px 0px 0px 0px !important;
}

.menu > li > ul > li
{
	border-left-style: none;
	margin: 0 0 0 0px !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;
}

/******* Toolbars *******/

.buttons button
{
	color: #ffffff;
	background-image: none !important;
}

.button-text
{
	padding: 0;
	font-size: 16pt;
}

.fas,
.far
{
	padding: 12px 12px 0 12px;
}

#rightMenu .fas,
#rightMenu .far
{
	padding: 0;
}

#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;
}

.button:focus
{
	outline: transparent;
}

/******* breadcrumbs *******/

MadCap|breadcrumbsProxy
{
	mc-breadcrumbs-divider: ' / ';
}

.MCBreadcrumbsPrefix + .MCBreadcrumbsSelf,
.MCBreadcrumbsPrefix + .MCBreadcrumbsSelf + .MCBreadcrumbsDivider,
#docTitle
{
	display: none;
}

.MCBreadcrumbsSelf:last-child
{
	font-weight: bold;
}

/******* Rev History *******/

.changeLog,
.addChangeLog
{
	display: none;
}

.revHistTable
{
	border-collapse: collapse;
	width: 100%;
}

p.logTitle
{
	cursor: pointer;
	color: #3e7ebe;
}

.revHistTable > tbody > tr > td,
.revHistTable > thead > tr > th
{
	border: 1px solid #bbbbbb;
	text-align: left;
	margin-left: 4pt;
	margin-right: 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: 1;
	position: fixed;
	top: 15px;
	right: 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, Helvetica, sans-serif;
}

#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;
}

button:hover
{
	opacity: 0.8;
}

/* position the close and move buttons */

.cancel-container
{
	margin: 24px 0px 12px 12px;
	position: absolute;
	display: inline-block;
	right: 0%;
}

.move-container
{
	margin: 24px 0px 12px 10px;
	position: absolute;
	display: inline-block;
	left: 0%;
}

.form-container
{
	padding: 16px;
	margin-top: 100px;
}

/* The Move and Close Button (x) */

.close,
.move
{
	color: #3E7EBE;
}

.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;
	left: 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%;
	left: 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: right;
	margin: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

@media all and (max-width: 1430px)
{
	.bodycontent
	{
		padding-bottom: 100px;
	}

	#SupportContact,
	#provideComments
	{
		border: none;
		padding: 0;
	}

	.button-text
	{
		display: none;
	}
}

@media all and (max-width: 991px)
{
	#searchDiv,
	#buttonsDiv,
	#TOCDiv,
	#rightMenu
	{
		display: none;
	}

	#hamburgerMenu
	{
		display: block;
	}

	#container
	{
		grid-template-columns: 20px auto 0px 40px;
		column-gap: 0px 20px 0px;
		grid-template-rows: 100px 100px auto 70px 110px;
	}

	#regMessage
	{
		grid-column-end: 4;
	}

	#bottomTOC
	{
		grid-column-start: 1;
		grid-column-end: 4;
		background-color: transparent;
		z-index: 1;
		margin: 40px 2px 4px 2px;
		width: auto;
	}

	#bottomTOC .buttons
	{
		display: block;
		margin-top: -10px;
	}

	#bottomTOC .buttons button
	{
		color: #3e7ebe;
	}

	#SupportContact,
	#provideComments
	{
		display: inline-block;
		margin: 0 20px;
	}

	#SupportContact p,
	#provideComments p
	{
		display: inline-block;
		margin: 0;
		line-height: 140%;
	}

	#SupportContact a,
	#SupportContact a:visited,
	#SupportContact a:link,
	#provideComments a,
	#provideComments a:visited,
	#provideComments a:link
	{
		color: initial;
	}

	h1
	{
		line-height: 140%;
	}

	#rightMenu,
	#searchDiv
	{
		right: 40px;
		z-index: 1;
	}

	#frontHeader
	{
		grid-template-columns: auto auto;
		padding: 20px 0 0 10%;
	}

	#frontLogoDiv
	{
		padding: 6px 40px 16px 0;
	}

	#frontSubTitle
	{
		grid-column-start: 1;
		grid-column-end: 4;
		width: 100%;
	}

	#frontSearch
	{
		grid-column-start: 1;
		grid-column-end: 4;
	}

	#frontButtons,
	#frontChoices
	{
		display: block;
		padding: 40px 10% 0px 10%;
	}

	.frontRow,
	.frontChoiceRow,
	.frontChoiceSubRow,
	.supportRows
	{
		display: block;
		padding: 0;
	}

	.frontButtonDiv,
	.frontChoiceDiv,
	.frontChoiceDiv:hover,
	.frontSecondChoice,
	.frontSecondChoice:hover
	{
		border: none;
		padding: 10px 0 10px 0;
		margin: 10px 0 10px 0;
		box-shadow: none;
		width: auto;
		height: auto;
		text-align: left;
	}

	.frontButtonDiv img,
	.frontChoiceDiv img,
	.selectKits,
	.notSelected
	{
		display: none;
	}

	.frontSecondChoice .frontChoice
	{
		border: none;
		padding: 0;
		margin: 0 0 0 10px;
		box-shadow: none;
		width: auto;
		height: auto;
		text-align: left;
		min-height: 0px;
	}

	.choiceList
	{
		position: static;
		padding: 20px;
		text-align: left;
		margin: 0 -1px 0 0;
		border: none;
		width: auto;
	}

	.choiceList li
	{
		margin: 12px 0 12px 0;
	}

	#frontSupport
	{
		grid-template-columns: auto auto;
		padding: 0 10px 10px 10%;
	}

	/* position the return button */

	.return
	{
		position: absolute;
		right: 25px;
		top: 0;
		color: #000;
		font-size: 20px;
		font-weight: bold;
	}

	.return:hover,
	.return:focus
	{
		color: red;
		cursor: pointer;
	}

	#Generate_CSV
	{
		right: 50px;
	}
}

@media print
{
	#regMessage,
	#provideComments,
	.breadcrumbs,
	#SearchRegMessage
	{
		display: none;
	}

	#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;
	}

	#insert_1 h1,
	#insert_0 h1
	{
		page-break-before: auto;
	}

	table
	{
		page-break-inside: avoid;
		max-width: 90%;
	}

	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
	{
		display: none;
	}

	#printTOC,
	#printFrontFooter,
	#printFrontFooter #frontRegMessage,
	#printFrontTitle #frontTitle,
	#printFrontTitle #frontSubTitle
	{
		display: block;
		background-color: transparent;
		padding: 0;
	}

	#printfrontPage .menu.mc-component
	{
		display: block !important;
	}

	#printCoverGraph
	{
		display: block;
	}

	#logo
	{
		float: right;
		padding-top: 20px;
	}

	.logTitle
	{
		page-break-before: always;
	}

	.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: #3E7EBE;
	cursor: pointer;
	position: fixed;
	right: calc(250px + 15%);
	top: 15px;
}

#Generate_CSV a
{
	font-size: 8pt;
	color: #3E7EBE;
}