/*<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;
}

#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, #pageFooter
{
	background-image: linear-gradient(to right, #f5c8e9 , #f6d9cb);
}

div.landingpage, div.familypage
{
	background-image: linear-gradient(to right, #f5c8e9 , #f6d9cb);
	background-image: url('../Images/Lightfield_understated_c.jpg');
	background-color: #f6d9cb;
}

#rightMenu
{
	background-image: linear-gradient(#9ac6eb, #febdc2);
}

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

#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: #ffffff;
	display: block;
	font-family: Inter Bold, Helvetica, sans-serif;
	font-size: 28pt;
	line-height: 100%;
	margin: 0;
	padding: 0;
}

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

#frontSubTitle p
{
	color: #ffffff;
	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;
	margin-top: 10px;
}

#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: 100px 100px calc(100vh - 300px) 100px;
	grid-template-columns: 10% auto 250px 15%;
	grid-template-rows: 100px 100px auto 100px;
	min-height: 100vh;
	background-color: #ffffff;
}

#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-x: auto;
    overflow-y: hidden;
}

#addContent
{
	display: none;
}

.bodyContent
{
	-ms-grid-row: 2;
	grid-row-start: 2;
	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,
#docTitle,
#bottomTOC
{
	position: fixed;
	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: 0;
	padding-top: 10px;
}

#buttonsDiv
{
	top: 60px;
	padding-top: 10px;
	justify-content: center;
}

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

#TOCDiv
{
	top: 140px;
	padding-top: 10px;
	height: calc(100vh - 355px); 
	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: 6px;
}

.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
{
	border-style: none;
	height: 30px;
	width: auto;
	margin-bottom: 10px;
}

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

#revHistory
{
	display: none;
	-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: #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,
div.addDIRtable
{
	display: initial;
}


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

#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.previous-topic-button, #previousLink 
{
	background-image: url('../Images/nav-previous.png');
}

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.next-topic-button, #nextLink  
{
	background-image: url('../Images/nav-next.png');
}

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

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

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.load-all-button 
{
	background-image: url('../Images/display-current.png');
}

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

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

#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-print-button
{
	background-image: url('../Images/print-icon.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,
#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.next-topic-button:hover,
#buttonsDiv ._Skins_TopToolbar_2020.mc-component button.button.expand-all-tot-button:hover,
#buttonsDiv ._Skins_TopToolbar_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;
}

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

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

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

.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: 1150px)
{
	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;
	}

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

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