/*<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-left: 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 *******/

/*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: -50px;
	padding-top: 50px;
}

#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 Semi Bold", 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, 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: always;
}

#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;
}

.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: left;
	-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 20px 0 0;
	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-left: 10px;
	border-color: #ffffff;
}

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

#frontSearchEntry,
#landingSearchEntry {
	margin: 0 0 0 20px;
	-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-right: 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;
}

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

#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-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: transparent;
	text-align: left;
	width: 100%;
	padding-left: 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;
	right: 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, 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: #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: 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;
	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;
	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-right: 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: left;
	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: left;
	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: left;
	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: left;
	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;
	left: 10%;
	padding: 12px 10px 0 0;
	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-right: 5%;
	padding-left: 20px;
	right: 0;
	z-index: 2;
	width: calc(5% + 250px);
}

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

#TOCDiv {
	padding-right: 5%;
	padding-left: 20px;
	right: 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;
	right: 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;
	right: 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;
	left: 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-left: 10px;
	padding-right: 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;
	left: 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-left: 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;
	left: 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-left: -12px;
	padding-bottom: 1px;
}

.has-children>ul>li>a,
.has-children>a,
.firstLevelTOC>a {
	display: inline;
	margin: -7px 0 0px 0px !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;
	left: 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 0px 0px 20px !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;
}

li.has-children {
	position: relative;
}

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

.extraMenuItems {
	color: #0077c8;
	text-decoration: none;
	cursor: pointer;
	margin-left: -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: 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: 3;
	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;
}

.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;
	right: 0%;
}

.move-container {
	margin: 24px 0px 12px 10px;
	position: absolute;
	display: inline-block;
	left: 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;
	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;
	}

	#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-right: 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 0 0 10%;
	}

	#bottomTOC {
		position: static;
		z-index: 1;
		margin: 10px 2px 4px 0;
		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 {
		right: 40px;
		z-index: 2;
	}

	#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: 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: left;
	}

	.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;
	}

	/* 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 all and (max-width: 625px) {
	.breadcrumbs {
		display: none;
	}

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

}

@media all and (max-width: 770px) {

	#buttonsDivSingle {
		margin-left: auto;
		width: auto;
	}

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


@media all and (max-width: 800px) {
	#bottomToolbar {
		margin-right: 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:100vh; */
		/*margin: 0 !important; */
		/*overflow: hidden;*/
		padding: 0 !important;
	  }

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

	#container {
		display: block !important;
	}

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

	#logoDiv {
		display: table-header-group;
	}

	#dirNumber {
		position: fixed;
		bottom: 0;
		left: 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: auto;
	}

	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: 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: #0077c8;
	cursor: pointer;
	position: fixed;
	right: 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;
}