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

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

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

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

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

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

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

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

#frontTitleBox h1 {
  color: #000000;
  display: block;
  font-family: "Inter 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: avoid;
}

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

#printTOC {
  min-height: 600px;
}

#printTOC li {
  border: none;
}

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

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

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

.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: 99%;
    /*margin: 0 !important; */
    /*overflow: hidden;*/
    padding: 0 !important;
    background-image: unset;
  }

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

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

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

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

  #container {
    display: block !important;
  }

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

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

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

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

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

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

  #container {
    counter-reset: table;
  }

  body {
    counter-reset: figure;
  }

  .FigTitle::before {
    counter-increment: figure;
    content: "Rysunek „counter(figure)”: ";
  }

  caption::before {
    counter-increment: table;
    content: "Tabela „counter(table)”: ";
  }

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

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

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

  #printCoverGraph {
    display: block;
  }

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

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

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

  #Generate_CSV {
    display: none;
  }
}

#changeList {
  display: grid;
}

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

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

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

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

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

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

table i {
  cursor: pointer;
}

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