@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap') screen; @import url('https://fonts.googleapis.com/css?family=Inconsolata') screen; :root { --ospn-primary: #008598; /* Warm Blue */ --ospn-secondary-1: #0a5f31; /* Green */ --ospn-secondary-2: #6bcaba; /* Aqua */ --ospn-secondary-3: #184da1; /* Sonic Blue */ --ospn-secondary-4: #672775; /* Berry Blackmail, unused */ --ospn-accent-1: #e36526; /* Orange */ --ospn-accent-2: #ffd700; /* Pantone Yellow 012 C */ --ospn-accent-3: #cc3333; /* Persian Red */ --ospn-accent-4: #736a94; /* Purple Grapes, unused*/ --ospn-black-1: #000; /* Black */ --ospn-black-2: #58595b; /* Black 80% */ --ospn-black-3: #bcbec0; /* Black 30% */ --ospn-black-4: #e6e7e8; /* Black 10% */ /* Migration Addition */ --filter-bg: none; --banner-header: #003f50; --banner-paratext: #003f50; --banner-search-bdr: #4CDBCB; --category-bg: #ffffff; --category-box-shadow: 0 2px 5px #ddd; --category-text: #003F50; --contact-bg: #F5F5F7; --footer-bg: #003F50; --table-th-bg: #008598; --table-odd-bg: #e6e7e8; --article-content: #58595b; --blockquote-bg: var(--ospn-black-4); --blockquote-text: var(--ospn-black-2); } html[data-bs-theme="light"] { --filter-bg: none; --banner-header: #003f50; --banner-paratext: #003f50; --banner-search-bdr: #4CDBCB; --category-bg: #ffffff; --category-box-shadow: 0 2px 5px #ddd; --category-text: #003F50; --contact-bg: #F5F5F7; --footer-bg: #003F50; --table-th-bg: var(--ospn-primary); --table-header-bg: var(--ospn-primary); /* #008598;*/ --table-odd-bg: #e6e7e8; --article-content: #58595b; --blockquote-bg: var(--ospn-black-4); --blockquote-text: var(--ospn-black-2); } html[data-bs-theme="dark"] { --filter-bg: brightness(0) invert(1); --banner-header: #ffffff; --banner-paratext: #ffffff; --banner-search-bdr: #ffffff; --category-bg: #294850; --category-box-shadow: 0 2px 5px #262626; --category-text: #ffffff; --contact-bg: #262626; --footer-bg: #18181b; --table-th-bg: var(--table-header-bg); --table-odd-bg: #2F2F2F; --article-content: var(--bs-body-color); --blockquote-bg: #2F2F2F; --blockquote-text: #c3c3c3; } html[data-bs-theme="dark"] .fr-alternate-rows tr:nth-child(even) { color: #1a1a1b; background-color: #bbbbbb !important; } html[data-bs-theme="dark"] .alternate tr:nth-child(odd) { background-color: #bbbbbb !important; } html[data-bs-theme="light"] .alternate tr:nth-child(odd) { background-color: #eeeeee !important; } html[data-bs-theme="dark"] p.vdsUserCommand { background-color: #18181b !important; } html[data-bs-theme="dark"] .vdsCaution, html[data-bs-theme="dark"] .vdsCautionTitled, html[data-bs-theme="dark"] .vdsExample, html[data-bs-theme="dark"] .vdsExampleTitled, html[data-bs-theme="dark"] .vdsTip, html[data-bs-theme="dark"] .vdsTipTitled, html[data-bs-theme="dark"] .vdsNote, html[data-bs-theme="dark"] .vdsNoteTitled, html[data-bs-theme="dark"] .vdsCautionTitled, html[data-bs-theme="dark"] .vdsCodeLine { background-color: #2f2f2f !important; } html[data-bs-theme="light"] .info-bar.light-theme.mt-2 { background-color: #55b3c3; } blockquote.vdsTip { border-left: 4px solid var(--ospn-secondary-3) !important; } /* p.vdsNote { padding: 12px !important; } p.vdsCaution { padding: 12px !important; } p.vdsExample { padding: 12px !important; } p.vdsTip { padding: 12px !important; }*/ blockquote.vdsCaution { border-left: 4px solid var(--ospn-accent-3) !important; } .codeSnippetBody span.codeSnippetLineNumbers { padding-right: 6pt; } blockquote.vdsAccentuated, p.vdsAccentuated { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 0; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-secondary-3); border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } .vdsCiteReference { font-size: 75%; font-style: normal; font-weight: normal; vertical-align: super; } .vdsCiteReferenceList ol>li::marker, .vdsCiteReferenceList ol>li:before, .vdsCiteReferenceList { color: var(--ospn-black-2) !important; font-size: 85% !important; font-weight: 400 !important; } .vdsCiteReferenceList { margin-top: 24pt; } .vdsCiteReferenceList ol { margin-left: 0; } ul.vdsChecklist>li { margin-left: 16pt; padding-left: 8pt; } ul.vdsChecklist>li::marker { content: "\002610"; } .vdsCiteReleaseNotes { font-size: 75%; font-style: italic; font-weight: normal; vertical-align: baseline; } .vdsTicketNumber { text-transform: uppercase; text-decoration: underline; } @media print { body { color: var(--ospn-black-2); font-size: 10pt; margin: 0; padding: 0; font-family: "Montserrat"; font-weight: normal; font-style: normal; text-align: left; line-height: 1.4; orphans: 2; widows: 2; } p.vdsHeader { color: #c0c0c0; padding: 0; margin: 0; } p.vdsFooter { font-family: 'Montserrat'; font-weight: 600; font-weight: normal; color: var(--ospn-primary); font-size: 12pt; padding: 0; margin: 0; } .vdsChapterNumber { font-family: "Montserrat"; font-weight: bold; font-size: 200%; margin-top: -6pt; margin-right: -12pt; margin-left: 12pt; color: var(--ospn-black-4); line-height: normal; } p.vdsTocHeading { margin: 0 0 24pt 0; padding: 0; font-family: 'Montserrat'; font-weight: 600; font-size: 18pt; color: var(--ospn-primary); page-break-before: always; } p.vdsIndexHeading { margin: 0 0 24pt 0; padding: 0; font-family: 'Montserrat'; font-weight: 600; font-size: 22pt; color: var(--ospn-primary); background-color: transparent; page-break-before: always; } h1 { font-family: 'Montserrat'; font-weight: 600; font-weight: bold; font-size: 22pt; color: var(--ospn-accent-2); margin-top: 12pt; padding: 0 12pt; page-break-before: always; background-color: var(--ospn-primary); } h1.vdsChapterAbstract { margin-top: 0; margin-bottom: 108pt; page-break-before: always; } h1+h2 { page-break-before: avoid; } h2 { font-family: 'Montserrat'; font-weight: 600; font-size: 18pt; color: var(--ospn-primary); margin: 0 0 12pt 0; page-break-before: always; border-bottom: var(--ospn-primary) thin solid; } h3 { font-family: 'Montserrat'; font-weight: 600; font-size: 14pt; color: var(--ospn-primary); padding: 6pt 0; margin: 12pt 0 6pt 0; page-break-after: avoid; break-after: avoid; } h4 { font-family: "Montserrat"; font-weight: normal; font-size: 12pt; color: var(--ospn-primary); margin: 12pt 0 6pt 36pt; padding: 0 12pt; page-break-after: avoid; break-after: avoid; } h5 { font-family: "Montserrat"; font-weight: normal; font-size: 12pt; margin: 6pt 0 6pt 36pt; padding: 0 12pt; page-break-after: avoid; break-after: avoid; } p.vdsFormalHeading { font-family: "Montserrat"; font-size: 12pt; margin: 6pt 0 6pt 36pt; padding: 0 12pt; page-break-after: avoid; page-break-inside: avoid; break-after: avoid; } div.vdsFormalContent { margin-left: 24pt; padding-left: 0; } p.vdsFormalParagraph { margin-left: 72pt; padding-left: 0; } p.vdsLegalHeading { font-family: 'Montserrat'; font-weight: 600; margin: 12pt 0 6pt 0; } p.vdsLegalParagraph { font-family: "Montserrat"; font-size: 8pt; line-height: 1.3; margin: 0 0 8pt 0; } p { margin: 0 0 12pt 36pt; padding: 0 12pt; } p.vdsKeepWithNext { page-break-after: avoid; break-after: avoid; } p.vdsUserCommand { margin-left: 72pt; padding: 6pt 12pt 6pt 6pt; background-color: var(--ospn-black-4); } li p.vdsUserCommand { margin-left: 16pt; padding: 6pt 12pt 6pt 6pt; } .vdsCodeBasic { font-family: "Inconsolata", monospace; text-transform: none; } .vdsCompanyName { /* Currently used as semantic markup only! */ text-transform: none; } .vdsCrossReference { color: var(--ospn-secondary-2); } .vdsDatabase { font-family: 'Montserrat'; font-weight: 600; } .vdsDefinition { font-family: 'Montserrat'; font-weight: 600; color: var(--ospn-primary); } .vdsDocumentTitle { font-variant: inherit; font-style: italic; } .vdsEmphasis { font-style: italic; } .vdsStrong { font-weight: bold; } .vdsFigureCaption { font-family: 'Montserrat'; font-weight: 600 !important; margin-left: 36pt; margin-bottom: 24pt; margin-top: 0; padding: 0 0 0 12pt; page-break-before: avoid; } .vdsFilename { font-family: "Inconsolata", monospace; text-transform: none; } .vdsGuiElement { font-family: 'Montserrat'; font-weight: 600; text-transform: none; } .vdsHiddenSymbol { color: #808284; text-transform: none; } .vdsKeyboard { text-transform: uppercase; } .vdsMETA { padding: 2pt; margin: 0; font-family: "sans-serif"; font-weight: bold; color: red; background-color: yellow; } .vdsOptionValue { color: var(--ospn-primary); font-family: 'Montserrat'; font-weight: 600; text-transform: none; } .vdsPlaceholder { font-family: "Inconsolata", monospace; text-transform: none; } .vdsPlaceholder:before { content: "<"; } .vdsPlaceholder:after { content: ">"; } .vdsProductName { /* Currently used as semantic markup only! */ text-transform: none; } .vdsTitleMain, .vdsTitleMainLegacy { margin: 0; padding: 0; font-size: 28pt; font-family: 'Montserrat'; font-weight: 600; } .vdsTitleMain { color: var(--ospn-accent-2); margin-bottom: 12pt; } .vdsTitleSub, .vdsTitleSubLegacy { margin: 0; padding: 0; font-size: 18pt; color: white; } .vdsTitleVersion, .vdsTitleVersionLegacy { margin: 0; padding: 0; font-size: 14pt; color: white; } .vdsUserCommand { font-family: "Inconsolata", monospace; } .vdsUserInput { color: var(--ospn-primary); } .vdsCaution, .vdsCautionTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 36pt; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-accent-3) !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsCaution>p:first-child:before, blockquote.vdsCautionTitled>p:first-child:before, p.vdsCaution:before { content: "CAUTION:\00A0"; color: var(--ospn-accent-3); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; border: none; white-space: pre; } blockquote.vdsCautionTitled>p:first-child { color: var(--ospn-accent-3); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; } .vdsExample, .vdsExampleTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 36pt; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-secondary-1) !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsExample>p:first-child:before, blockquote.vdsExampleTitled>P:first-child:before, p.vdsExample:before { content: "EXAMPLE: "; color: var(--ospn-secondary-1); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; border: none; white-space: pre; } blockquote.vdsExampleTitled>P:first-child { color: var(--ospn-secondary-1); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; } .vdsNote, .vdsNoteTitled blockquote.vdsNote { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 36pt; padding: 12pt; border-radius: 3px; border-left: 4px solid black !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } .vdsTip, .vdsTipTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 36pt; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-secondary-3) !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsTip>p:first-child:before, blockquote.vdsTipTitled>p:first-child:before, p.vdsTip:before { content: "TIP: "; color: var(--ospn-secondary-3); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; border: none; white-space: pre; } blockquote.vdsTipTitled>p:first-child { color: var(--ospn-secondary-3); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; } blockquote.vdsAccentuated, p.vdsAccentuated { margin: 12pt 0 12pt 36pt; } .vdsAccentuated p, .vdsCaution p, .vdsCautionTitled p, .vdsExample p, .vdsExampleTitled p, .vdsNote p, .vdsNoteTitled p, .vdsTip p, .vdsTipTitled p { margin: 6pt 0 6pt 0; padding: 0; } p.vdsInlineCaution { text-indent: 12pt; } p.vdsInlineCaution:before { content: "CAUTION:\00A0"; color: var(--ospn-accent-3); font-family: 'Montserrat'; font-weight: 600; } p.vdsInlineNote { text-indent: 12pt; } p.vdsInlineNote:before { content: "NOTE:"; color: var(--ospn-primary); font-family: 'Montserrat'; font-weight: 600; } ol.vdsCodeSnippet { margin-top: 6pt; margin-left: 72pt; padding: 6pt 12pt 6pt 6pt; border-left: thin solid var(--ospn-black-3); list-style-type: decimal-leading-zero; list-style-position: outside; background-color: var(--ospn-black-4); white-space: pre; font-family: "Inconsolata", monospace; } ol.vdsCodeSnippet li { padding: 0; margin: 6pt 0; } p.vdsCodeLine { margin-left: 72pt; padding: 6pt 12pt 6pt 6pt; background-color: var(--ospn-black-4); font-family: "Inconsolata", monospace; } .vdsCodeComment { font-family: "Inconsolata", monospace; color: #808080; font-style: italic; } .vdsCodeFunction { font-family: "Inconsolata", monospace; color: #9e7bb2; font-weight: bold; } .vdsCodeKeyword { font-family: "Inconsolata", monospace; color: var(--ospn-secondary-3); font-weight: bold; } .vdsCodeString { font-family: "Inconsolata", monospace; color: var(--ospn-accent-3); background-color: #e5dfec; } .vdsCodePreprocessor { font-family: "Inconsolata", monospace; color: #008000; font-weight: bold; } caption { font-family: 'Montserrat'; font-weight: 600; font-size: 10pt; text-align: left; margin-bottom: 0; margin-top: 0; margin-left: 0; padding: 0; } blockquote ul, blockquote ol { margin-left: 0; padding-left: 24pt; } ul { margin: 0 0 18pt 36pt; padding: 0 12pt 0 36pt; } ol, ol.vdsProcedureList { margin: 0 0 18pt 36pt; padding: 0 12pt 0 36pt; } ul li, ol li, .vdsProcedureList li { margin: 0; padding: 0; margin-bottom: 12pt; } /* Blockquote styles nested in list items */ blockquote .vdsCodeSnippet, li .vdsCodeSnippet { margin-left: 32pt; } li .vdsCodeLine { margin-left: 16pt; } li .vdsAccentuated, li .vdsCaution, li .vdsCautionTitled, li .vdsExample, li .vdsExampleTitled, li .vdsNote, li .vdsNoteTitled, li .vdsTip, li .vdsTipTitled { margin: 6pt 0 12pt 0; } li ul, td ul, li .vdsProcedureList, li ol, td ol { margin: 6pt 0 12pt 0; padding: 0 0 0 24pt; } li .vdsProcedureList, li ol { list-style-type: lower-alpha; } .vdsProcedureList p:not(p.vdsNote, p.vdsTip, p.vdsCaution, p.vdsExample), ul p, ol p, td p { margin: 6pt 0 6pt 0; padding: 0; } .vdsProcedureList img, ul img, ol img, .vdsProcedureList .vdsFigureCaption, ul .vdsFigureCaption, ol .vdsFigureCaption { margin: 0; padding: 0; } p.vdsProcedureHeading { font-family: "Montserrat" !important; font-weight: 500; padding: 0 0 0 12pt; margin: 24pt 0 12pt 36pt; text-indent: -12pt; font-size: 12pt !important; page-break-after: avoid; break-after: avoid; } p.vdsProcedureHeading:before { font-family: "Montserrat"; content: "\0025B6\0000A0\0000A0"; } body:not(:has(site-home-page)) img { border: none; margin: 12pt 0 6pt 36pt; padding: 0 12pt 0 12pt; page-break-after: avoid; } a, a:link { color: var(--ospn-primary); text-decoration: none; font-family: 'Montserrat'; font-weight: 600; } p.MiniTOC1 { margin: 0 36pt 12pt 12pt; padding: 0 0 0 12pt; font-family: 'Montserrat'; font-weight: 600; } p.TOC1 { font-size: 12pt; font-family: 'Montserrat'; font-weight: 600; color: var(--ospn-primary); margin: 24pt 0 12pt 0; page-break-after: avoid; } p.TOC2 { font-size: 10pt; font-weight: normal; } p.vdsListOfEntry { margin: 0 12pt 12pt 12pt; padding: 0; } p.IndexHeading { font-family: 'Montserrat'; font-weight: 600; font-size: 14pt; color: #008598; /*var(--ospn-primary); DOES NOT WORK :-(*/ text-align: left; margin: 24pt 0 6pt 0; page-break-after: avoid; break-after: avoid; } p.Index1, p.Index2, p.Index3, p.Index4 { font-size: 10pt; margin-top: 0; margin-bottom: 0; } div.GlossaryPageHeading { border: 0; padding: 0; margin: 0; } div.GlossaryPageTerm { color: var(--ospn-primary); font-family: 'Montserrat'; font-weight: 600; font-size: 12pt; } div.GlossaryPageDefinition { font-size: 10pt; } } @media screen { h1 { color: var(--ospn-primary); } h2 { font-weight: 400; font-size: 1.4rem; color: var(--ospn-primary); page-break-before: avoid; } h3 { font-weight: 400; font-size: 1.2rem; color: var(--ospn-primary); margin: 12pt 0 0 0; padding: 0 12pt; page-break-after: avoid; break-after: avoid; } h4 { font-weight: 400; font-size: 1.2rem; margin: 6pt 0 6pt 0; padding: 0 12pt; page-break-after: avoid; break-after: avoid; } p.vdsFormalHeading { font-weight: 600 !important; font-size: 110% !important; margin: 6pt 0 0 0; padding: 0 12pt; page-break-after: avoid; page-break-inside: avoid; break-after: avoid; } div.vdsFormalContent { margin-left: 24pt; padding-left: 0; } p.vdsFormalParagraph { margin-left: 36pt; padding-left: 0; } p.vdsLegalHeading { font-weight: bold; margin: 12pt 0 6pt 0; } p.vdsLegalParagraph { font-size: 80%; margin: 0 0 6pt 0; } p { margin: 0 0 12pt 0; padding: 0 12pt; } p.vdsKeepWithNext { page-break-after: avoid; break-after: avoid; } p.vdsUserCommand { margin-left: 1em !important; padding: 6pt 12pt 6pt 6pt !important; background-color: var(--ospn-black-4); } /* li p.vdsUserCommand { margin-left: 2em; padding: 6pt 12pt 6pt 6pt; } */ .vdsCodeBasic { font-family: "Inconsolata", monospace; text-transform: none; } .vdsCompanyName { /* Currently used as semantic markup only! */ text-transform: none; } .vdsCrossReference { color: var(--ospn-primary); } .vdsDatabase { font-family: "Montserrat", sans-serif; font-weight: 600; } .vdsDefinition { font-family: "Montserrat", sans-serif; font-weight: 600; color: var(--ospn-primary); } .vdsDocumentTitle { font-variant: inherit; font-style: italic; } .vdsEmphasis { font-style: italic; } .vdsStrong { font-weight: bold; } .vdsFigureCaption { font-family: "Montserrat", sans-serif; font-weight: bold !important; margin-left: 0; margin-bottom: 24pt; margin-top: 0; padding: 0 0 0 12pt; page-break-before: avoid; } .vdsFilename { font-family: "Inconsolata", monospace; text-transform: none; } .vdsGuiElement { font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: none; } .vdsKeyboard { text-transform: uppercase; } .vdsMETA { padding: 2pt; margin: 0; font-family: "sans-serif"; font-weight: bold; color: red; background-color: yellow; display: none; } .vdsOptionValue { color: var(--ospn-primary); font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: none; } .vdsPlaceholder { font-family: "Inconsolata", monospace; text-transform: none; } .vdsPlaceholder:before { content: "<"; } .vdsPlaceholder:after { content: ">"; } .vdsProductName { /* Currently used as semantic markup only! */ text-transform: none; } .vdsTitleMain, .vdsTitleMainLegacy { margin: 0; padding: 0; font-size: 300%; text-align: right; font-weight: bold; } .vdsTitleMain { color: white; } .vdsTitleSub, .vdsTitleSubLegacy { margin: 0; padding: 0; font-size: 24pt; text-align: right; } .vdsTitleSub { color: white; } .vdsTitleVersion, .vdsTitleVersionLegacy { padding: 0; font-size: 180%; text-align: right; color: white; } .vdsTitleVersion { color: var(--ospn-black-3); } .vdsUserCommand { font-family: "Inconsolata", monospace; } .vdsUserInput { color: var(--ospn-primary); } .vdsCaution, .vdsCautionTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 0; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-accent-3) !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsCaution>p:first-child:before, blockquote.vdsCautionTitled>p:first-child:before, p.vdsCaution:before { content: "CAUTION:\00A0"; color: var(--ospn-accent-3); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; border: none; white-space: pre; } blockquote.vdsCautionTitled>p:first-child { color: var(--ospn-accent-3); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; } .vdsExample, .vdsExampleTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 0; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-secondary-1) !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsExample>p:first-child:before, blockquote.vdsExampleTitled>p:first-child:before, p.vdsExample:before { content: "EXAMPLE: "; color: var(--ospn-secondary-1); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; border: none; white-space: pre; } blockquote.vdsExampleTitled>p:first-child { color: var(--ospn-secondary-1); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; } .vdsNote, .vdsNoteTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 0; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-primary) !important; border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsNote>p:first-child:before, blockquote.vdsNoteTitled>p:first-child:before, p.vdsNote:before { content: "NOTE:\00A0"; color: var(--ospn-primary) !important; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; border: none; white-space: pre; } blockquote.vdsNoteTitled>p:first-child { color: var(--ospn-primary); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; } .vdsTip, .vdsTipTitled { background-color: var(--ospn-black-4); margin: 12pt 0 12pt 0; padding: 12pt; border-radius: 3px; border-left: 4px solid var(--ospn-secondary-3); border-right: 0 solid var(--ospn-black-1); border-top: 0 solid var(--ospn-black-1); border-bottom: 0 solid var(--ospn-black-1); } blockquote.vdsTip>p:first-child:before, blockquote.vdsTipTitled>p:first-child:before, p.vdsTip:before { content: "TIP:\00A0"; color: var(--ospn-secondary-3); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; border: none; white-space: pre; } blockquote.vdsTipTitled>p:first-child { color: var(--ospn-secondary-3); font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 110%; } blockquote.vdsAccentuated, p.vdsAccentuated { margin: 12pt 0 12pt 0; } .vdsAccentuated p, .vdsCaution p, .vdsCautionTitled p, .vdsExample p, .vdsExampleTitled p, .vdsNote p, .vdsNoteTitled p, .vdsTip p, .vdsTipTitled p { margin: 6pt 0 6pt 0; padding: 0; } p.vdsInlineCaution { text-indent: 12pt; } p.vdsInlineCaution:before { content: "CAUTION:\00A0"; color: var(--ospn-accent-3); font-family: "Montserrat", sans-serif; font-weight: 600; } p.vdsInlineNote { text-indent: 12pt; } p.vdsInlineNote:before { content: "NOTE: "; color: var(--ospn-primary); font-family: "Montserrat", sans-serif; font-weight: 600; } ol.vdsCodeSnippet { margin-top: 6pt; margin-left: 4em; padding: 6pt 12pt 6pt 6pt; border-left: thin solid var(--ospn-black-3); list-style-type: decimal-leading-zero; list-style-position: outside; background-color: var(--ospn-black-4); /*white-space: pre;*/ font-family: "Inconsolata", monospace; } ol.vdsCodeSnippet li { padding: 0; margin: 6pt 0; } p.vdsCodeLine { margin-left: 2em; padding: 6pt 12pt 6pt 6pt; background-color: var(--ospn-black-4); font-family: "Inconsolata", monospace; } .vdsCodeComment { font-family: "Inconsolata", monospace; color: #808080; font-style: italic; } .vdsCodeFunction { font-family: "Inconsolata", monospace; color: #9e7bb2; font-weight: bold; } .vdsCodeKeyword { font-family: "Inconsolata", monospace; color: var(--ospn-secondary-3); font-weight: bold; } .vdsCodeString { font-family: "Inconsolata", monospace; color: var(--ospn-accent-3); background-color: #e5dfec; } .vdsCodePreprocessor { font-family: "Inconsolata", monospace; color: #008000; font-weight: bold; } caption { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 100%; text-align: left; margin-bottom: 0; margin-top: 0; margin-left: 0; padding: 0; } /* Blockquote styles nested in list items */ blockquote .vdsCodeSnippet, li .vdsCodeSnippet, li .vdsCodeLine { margin-left: 3em; } .codeSnippet { margin-left: 3em; } blockquote .codeSnippet, li .codeSnippet { margin-left: 1em; } .vdsAccentuated .codeSnippet .codeSnippetBody, .vdsCaution .codeSnippet .codeSnippetBody, .vdsCautionTitled .codeSnippet .codeSnippetBody, .vdsExample .codeSnippet .codeSnippetBody, .vdsExampleTitled .codeSnippet .codeSnippetBody, .vdsNote .codeSnippet .codeSnippetBody, .vdsNoteTitled .codeSnippet .codeSnippetBody, .vdsTip .codeSnippet .codeSnippetBody, .vdsTipTitled .codeSnippet .codeSnippetBody { background-color: white; } li ul, td ul, li .vdsProcedureList, li ol, td ol { margin: 6pt 0 12pt 0; padding: 0 0 0 24pt; } li .vdsProcedureList, li ol { list-style-type: lower-alpha; } .vdsProcedureList p:not(p.vdsNote, p.vdsTip, p.vdsCaution, p.vdsExample), ul p, ol p { margin: 6pt 0 6pt 0; padding: 0; } td p { margin: 0 0 6pt 0; padding: 0; } .vdsProcedureList img, ul img, ol img, .vdsProcedureList .vdsFigureCaption, ul .vdsFigureCaption, ol .vdsFigureCaption { margin: 0; padding: 0; } p.vdsProcedureHeading { padding: 0 0 0 12pt; margin: 24pt 0 12pt 0; font-size: 110% !important; page-break-after: avoid; break-after: avoid; font-family: "Montserrat" !important; font-weight: 600 !important; } /* p.vdsProcedureHeading:before { font-family: "Montserrat"; font-weight: 600 !important; content: "\002BC8\0000A0\0000A0"; } */ p.vdsProcedureHeading::before { mask-image: url('data:image/svg+xml;charset=utf7,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf7,'); content: '\00a0\00a0'; padding-right: 10px; mask-repeat: no-repeat; /*background-position: center left;*/ mask-size: 0.6rem; margin-left: 0; background: var(--bs-body-color); } body:not(:has(site-home-page)) img { border: none; margin: 12pt 0 6pt 0; padding: 0 12pt 0 12pt; page-break-after: avoid; } a.MiniTOC1:link { font-family: "Montserrat Semibold", sans-serif; font-weight: normal; margin: 0 36pt 12pt 12pt; padding: 0 0 0 12pt; color: var(--ospn-primary); text-decoration: none; } a.MiniTOC2:link { font-weight: normal; margin: 0 36pt 12pt 12pt; padding: 0 0 0 24pt; color: var(--ospn-primary); text-decoration: none; } a.MiniTOC1:hover, a.MiniTOC2:hover { text-decoration: underline; } p.TOC1 { font-size: 120%; font-weight: bold; color: var(--ospn-primary); margin: 24pt 0 12pt 0; page-break-after: avoid; } p.TOC2 { font-size: 100%; font-weight: normal; } p.vdsListOfEntry { margin: 0 12pt 12pt 12pt; padding: 0; } p.IndexHeading { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 140%; color: #008598; /*var(--ospn-primary); DOES NOT WORK :-(*/ text-align: left; margin: 24pt 0 6pt 0; page-break-after: avoid; break-after: avoid; } p.Index1, p.Index2, p.Index3, p.Index4 { font-size: 100%; margin-top: 0; margin-bottom: 0; } .xref:hover, .glossaryTerm:hover, a:hover { text-decoration: underline; } .glossaryTerm, .glossaryTerm:link { color: var(--ospn-primary); } } /* What's after this was added after the switch from MadCap Flare */ .vdsCodeBasic { font-family: "Inconsolata", monospace; text-transform: none; } .vdsGuiElement { font-family: "Montserrat", sans-serif; font-weight: 600; text-transform: none; } /*Migration Team*/ .content_block .content_container .content_block_text ul[data-block-id] { padding-left: 58px; } .content_block .content_container .content_block_text ol[data-block-id] li[data-block-id] p.vdsTip, .content_block .content_container .content_block_text ol[data-block-id] li[data-block-id] p.vdsNote, .content_block .content_container .content_block_text ol[data-block-id] li[data-block-id] p.vdsCaution { margin: 12pt; } .content_block .content_container .content_block_text ol { padding-left: 62px; } .content_block .content_container .content_block_text ol ul[data-block-id] { padding-left: 25px; } .content_block .content_container .content_block_text ul ul[data-block-id] { padding-left: 22px; } /* CHANGED .content_block .content_container .content_block_text ol>li>p:nth-of-type(n+2) { padding-top: 10px !important; } .content_block .content_container .content_block_text ul>li>p:nth-of-type(n+2) { padding-top: 6px !important; } */ .content_container_text_sec_in div[data-type=table-content] table { width: auto !important; } /*Migration Team-END*/ .tab { overflow: hidden; border-bottom: 1px solid #ccc; } .tab button { background-color: inherit; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } .tab button:hover { background-color: #ddd; } .tab button.active { background-color: #ccc; } .tabcontent { display: none; } .tabcontent.active { display: block; } .tab-container { padding: 4px; width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 2px; justify-content: space-between; } .tab-button { text-decoration: none; color: #003F50 !important; padding: 8px 16px; border: 1px solid #4CDBCB; border-radius: 3px; background-color: #4CDBCB; display: flex; flex-grow: 1; justify-content: center; align-items: center; box-sizing: border-box; } .tab-button:hover { background-color: #ffffff; cursor: pointer; } .tab-button:active { background-color: #ccc; } /****Migration Team CSS*****/ table td { vertical-align: top !important; } .dark_theme .header_top .header_logo img { filter: brightness(0) invert(1); } .vdsTableCaption { font-weight: bold; } /*tr:has(.vdsTableCaption) { border-top: none; }*/ /******Migration Team CSS-END******/ .vdsNote { color: var(--blockquote-text); background-color: var(--blockquote-bg); } .vdsTip { color: var(--blockquote-text); background-color: var(--blockquote-bg); } .vdsCaution { color: var(--blockquote-text); background-color: var(--blockquote-bg); } blockquote.vdsNote { border-left: 4px solid var(--ospn-primary) !important; } blockquote.vdsNote { color: var(--blockquote-text) !important; background-color: var(--blockquote-bg) !important; } blockquote.vdsTip { color: var(--blockquote-text) !important; background-color: var(--blockquote-bg) !important; } blockquote.vdsCaution { color: var(--blockquote-text) !important; background-color: var(--blockquote-bg) !important; } .article-title { font-family: "Montserrat", Roboto, sans-serif; font-size: 0.9rem; font-weight: 400 !important; line-height: 1.2rem; } body:has(site-document) { letter-spacing: 0; margin: 0; } .content_block .content_container .content_block_text blockquote { border: 0; } .left_sidebar_nav a:hover { background: #dbf8f5; } button#contributor-btn.btn.btn-f { display: none; } .left_sidebar_nav_menu li, .left_sidebar_nav_menu ul li { padding: 0; margin: 4pt 0 0 0; } .breadcrumb-sec { font-size: 0.8rem; } .breadcrumb-sec a, .article_action_links ul li a, .index-article-snippet, .index-article-count { font-family: "Montserrat", Roboto, sans-serif; font-weight: 400; } .content_container .content_block_text div[data-type=table-content] td p[data-block-id], table td, table td p { font-size: 10pt !important; margin-bottom: 6pt !important; } .editor360-published-content table td>* { margin-bottom: 6pt !important; } .content_block .content_container .content_block_text, .content_block .content_container .content_block_text p[data-block-id], .content_block_text /*, site-document p */ { font-size: 1rem !important; line-height: 1.6; } .content_block .content_container .content_block_text p[data-block-id].vdsFormalHeading { font-size: 110% !important; } #doc_content_block { min-height: 600px; } .content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title .category-index-icon { font-size: 1rem; flex: 0 0 30px; } .category-icon i { font-size: 2rem !important; } .content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title h2 { font-size: 1.1rem; } .ai-assistive-search:after { animation-iteration-count: 2; } .content_block .content_container .content_block_text ul { margin-left: 12pt; } .content_block .content_container .content_block_text ul[data-block-id] li[data-block-id] p, ol[data-block-id] li[data-block-id] p { margin: 3pt 0; } ol, ul { padding-left: 24pt !important; } .content_block .content_container .content_block_text ol li>ol, li>ol { padding-left: 24pt !important; } li>ul { padding-left: 12pt !important; } a.external_target { background-image: url('data:image/svg+xml;charset=utf7,'); background-repeat: no-repeat; background-position: center right; background-size: 0.8rem; padding-right: 1rem; } table .TableStyle-Global-Head-MainHeader th, table th { background-color: var(--ospn-primary); color: white; } .tree-wrapper.default-category .data-title:hover { font-weight: normal !important; } .tree-wrapper .data-title { font-family: "Montserrat", Roboto, sans-serif; font-size: 0.9rem; font-weight: 400 !important; line-height: 1.2rem; } /******************************* ** WOW SITES TEAM ** STYLES START ********************************/ @font-face { font-family: "Ambit_Regular"; src: url(https://cdn.document360.io/038f59a7-abd0-4c14-9de7-3434d28b49fd/Images/Documentation/Ambit-Regular.woff2?sv=2026-02-06&spr=https&st=2026-10-01T07%3A14%3A16Z&se=2026-10-01T07%3A24%3A16Z&sr=c&sp=r&sig=8ZDqUgGxFFwtFjbU3UAa4o8hGm820hAE4BfGNFfXVNw%3D); } :root { --v2_font-heading: "Ambit_Regular"; --v2_color-primary: #4CDBCB; --v2_color-primary-dark: #003F50; --v2_color-border: #00788C; --color-white: #fff; --v2_color-smoke: #A5EDE5; --v2_color-gray: #C5C5C5; --color-dark: #000; --dark-theme-dark: #26272b; --dark-theme-darker: #18181b; } /*Default*/ .default site-home-page h1, .default site-home-page h2, .default site-home-page h3, .default site-home-page h4, .default site-home-page h5, .default site-home-page h6, .default site-home-page p, .default site-home-page span, .default site-home-page input, .default site-home-page label, .default site-home-page li { font-weight: 400; } .default site-home-page a { text-decoration: none; font-weight: 600; } /*Layout*/ .default site-home-page .container, .default site-home-page site-primary-header-section .nav-bar.primary-nav-bar { width: 90% !important; max-width: 90% !important; padding: 0; padding-inline: 0 !important; margin: 0 auto !important; } @media screen and (max-width: 1240px) { .default site-home-page .container, .default site-home-page site-primary-header-section .nav-bar.primary-nav-bar { width: 85% !important; max-width: 85% !important; } } .section__row { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px 24px; } @media screen and (max-width: 1080px) { .section__row { justify-content: center; } } @media screen and (max-width: 600px) { .section__row { flex-direction: column; } } .col--6 { width: calc(66.66% - 24px); } .col--3 { width: calc(33.33% - 24px); } /*Typography*/ .default site-home-page .heading--section { font-family: var(--v2_font-heading) !important; font-size: 28px; line-height: 38px; color: var(--v2_color-primary-dark); padding: 0; margin: 0 0 16px; } .default site-home-page .heading--sub { font-family: var(--v2_font-heading) !important; font-size: 18px; line-height: 28px; color: var(--v2_color-primary-dark); padding: 0; margin: 0 0 8px; } .default site-home-page p, .default site-home-page a, .default site-home-page span { /*font-size: 16px;*/ line-height: 24px; } .default site-home-page p { color: var(--v2_color-primary-dark); margin: 0 0 16px; } .default site-home-page p:last-child { margin: 0; } html[data-bs-theme="dark"] .default site-home-page .heading--section, html[data-bs-theme="dark"] .default site-home-page .heading--sub, html[data-bs-theme="dark"] .default site-home-page p { color: var(--color-white); } /*Global*/ .default site-home-page header+div { min-height: 100vh !important; } .default site-home-page figure { margin: 0; } .default site-home-page section { padding: 60px 0; } body:has(.default) { background: var(--color-white) !important; } html[data-bs-theme="dark"] body:has(.default), html[data-bs-theme="dark"] .default .bg-white { background: var(--dark-theme-dark) !important; } /*BUTTON CTA*/ .button--cta { color: var(--v2_color-primary-dark) !important; display: inline-block; padding: 2px 16px; background: transparent; border: 1px solid var(--v2_color-primary); border-radius: 100px; } html[data-bs-theme="dark"] .button--cta { color: var(--color-white) !important; border-color: currentColor; } @media (hover: hover) { .button--cta:hover { background: var(--v2_color-primary); } html[data-bs-theme="dark"] .button--cta:hover { color: var(--v2_color-primary-dark) !important; border-color: var(--v2_color-primary); } } /*HEADING ICON*/ .heading__icon { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; } .heading__icon img { width: 64px; height: auto; } html[data-bs-theme="dark"] .heading__icon img { filter: brightness(0) invert(1); } .heading__icon .heading--sub { width: calc(100% - 64px); padding: 0; margin: 0 !important; } /*Header*/ site-primary-header-section { max-height: initial !important; } .default site-primary-header-section { background: var(--color-white) !important; } html[data-bs-theme="dark"] .default site-primary-header-section { background: var(--dark-theme-dark) !important; } site-primary-header-section .nav-bar.primary-nav-bar { height: auto !important; padding-top: 16px !important; padding-bottom: 16px !important; } .default site-primary-header-section .nav-bar.primary-nav-bar { padding: 16px 0 !important; } .fluid-layout.default .router-container:has(> site-document) site-primary-header-section .nav-bar.primary-nav-bar { padding: 16px 24px !important; } site-primary-header-section .nav-bar-brand img { width: 140px !important; max-width: initial !important; height: auto !important; min-height: initial !important; max-height: initial !important; } html[data-bs-theme="dark"] site-primary-header-section .nav-bar-brand img { filter: brightness(0) invert(1); } .nav-bar.primary-nav-bar::after, .primary-nav-bar-container::after { display: none !important; } site-primary-header-section ul a span, .project-language-btn { font-size: 16px !important; line-height: 24px !important; font-weight: 400 !important; } @media screen and (min-width: 1200px) { .default site-primary-header-section ul a span, .default site-primary-header-section .dropdown-toggle::after, .default .project-language-btn { color: var(--v2_color-primary-dark) !important; } html[data-bs-theme="dark"] .default site-primary-header-section ul a span, html[data-bs-theme="dark"] .default site-primary-header-section .dropdown-toggle::after, html[data-bs-theme="dark"] .default .project-language-btn, html[data-bs-theme="dark"] .default header .btn-icon i { color: var(--color-white) !important; } .default .project-language-btn, .default .project-language-btn:hover { background: transparent !important; border: 1px solid var(--v2_color-primary-dark); border-radius: 0; } html[data-bs-theme="dark"] .default .project-language-btn, html[data-bs-theme="dark"] .default .project-language-btn:hover { border-color: var(--color-white); } } site-primary-header-section ul li a:hover { text-decoration: none !important; } header .btn-icon i { font-size: 20px; line-height: 30px; } .default header .btn-icon i { color: var(--color-dark) !important; } header .btn-secondary:hover, header .btn-secondary.show { background: rgba(0, 0, 0, 0.1) !important; } .default header .divider { border-image: 0 !important; border-color: var(--v2_color-gray) !important; } /*Smart Bar*/ header .info-bar { text-align: center; } html[data-bs-theme="dark"] header .info-bar { background: var(--dark-theme-darker) !important; } header .info-bar p { color: var(--color-white); } /*Banner Section*/ .default site-home-page site-hero-section .hero-section { height: auto; position: relative; padding: 64px 0 !important; background: var(--v2_color-primary-dark); } html[data-bs-theme="dark"] .default site-home-page site-hero-section .hero-section { background: var(--dark-theme-darker); } .default site-home-page site-hero-section .hero-section h1, .default site-home-page site-hero-section .hero-section .text-area { color: var(--color-white) !important; width: 50%; } @media screen and (max-width: 820px) { .default site-home-page site-hero-section .hero-section h1, .default site-home-page site-hero-section .hero-section .text-area { width: 100%; position: relative; z-index: 8; } } .default site-home-page site-hero-section .hero-section h1 { font-family: var(--v2_font-heading) !important; font-size: 48px; line-height: 58px; margin: 0 0 24px !important; } @media screen and (max-width: 1240px) { .default site-home-page site-hero-section .hero-section h1 { font-size: 32px; line-height: 42px; } } .default site-home-page site-hero-section .hero-section .text-area { font-size: 16px; line-height: 26px; padding: 0 !important; } .default site-home-page site-hero-section .hero-section .search-box { position: relative; padding: 0 6px 0 12px !important; margin: 32px 0 0 !important; background: var(--color-white) !important; border-color: var(--color-white) !important; border-radius: 0 !important; z-index: 8; } html[data-bs-theme="dark"] .default site-home-page site-hero-section .hero-section .search-box { background: var(--dark-theme-dark) !important; border-color: var(--dark-theme-dark) !important; } @media screen and (max-width: 820px) { .default site-home-page site-hero-section .hero-section .search-box { width: 100% !important; } } .default site-home-page site-hero-section .hero-section .search-content { color: var(--v2_color-gray) !important; } .default site-home-page site-hero-section .hero-section .search-box .seach-key { color: var(--color-white) !important; padding: 4px 16px !important; background: var(--v2_color-primary-dark) !important; border-radius: 0 !important; } html[data-bs-theme="dark"] .default site-home-page site-hero-section .hero-section .search-box .seach-key { background: var(--dark-theme-darker) !important; } .default site-home-page site-hero-section figure { width: 50%; height: 100%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 5; } @media screen and (max-width: 850px) { .default site-home-page site-hero-section figure { position: relative; width: 100%; right: auto; left: 50%; transform: translateX(-50%); margin-bottom: 32px; } } .default site-home-page site-hero-section figure img { width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width: 850px) { .default site-home-page site-hero-section figure img { width: 65%; height: auto; } } /*Categories Section*/ @media screen and (min-width: 1240px) { section.categories .heading--section { margin-bottom: 40px; } section.categories .section__row.gap-0 { position: relative; } section.categories .section__row.gap-0::before { content: ""; width: 100%; height: 2px; position: absolute; top: 48px; left: 0; background: linear-gradient(to right, #00788C 23%, transparent 23%, transparent 27%, #00788C 27%); } html[lang="fr"] section.categories .section__row.gap-0::before { background: linear-gradient(to right, #00788C 50%, transparent 50%); } } section.categories .column { position: relative; padding: 20px; padding-bottom: 55px; background: var(--color-white); border: 1px solid var(--v2_color-gray); border-radius: 12px; } html[data-bs-theme="dark"] section.categories .column { background: var(--dark-theme-dark); } section.categories .col--3 .section__row, section.categories .col--6 .section__row { gap: 20px; } section.categories .col--3 .section__row { flex-direction: column; } @media screen and (max-width: 1200px) { section.categories .col--3 .section__row { flex-direction: row; } section.categories .section__row.gap-0 { flex-direction: column; } } @media screen and (max-width: 600px) { section.categories .col--3 .section__row { flex-direction: column; } } html[lang="fr"] section.categories .col--3 .section__row { flex-direction: row; } @media screen and (max-width: 600px) { html[lang="fr"] section.categories .col--3 .section__row { flex-direction: column; } } section.categories .col--3.p-0 { width: 27%; } @media screen and (max-width: 1240px) { section.categories .col--3.p-0 { width: 40%; } } @media screen and (max-width: 1200px) { section.categories .col--3.p-0 { width: 100%; } } html[lang="fr"] section.categories .col--3.p-0 { width: 50%; } @media screen and (max-width: 1200px) { html[lang="fr"] section.categories .col--3.p-0 { width: 100%; } } section.categories .col--3.p-0 .col { width: calc(100% - 64px); } @media screen and (max-width: 1200px) { section.categories .col--3.p-0 .col { width: calc(50% - 16px); } } @media screen and (max-width: 600px) { section.categories .col--3.p-0 .col { width: 100%; } } section.categories .col--6.p-0 { width: 73%; } @media screen and (max-width: 1240px) { section.categories .col--6.p-0 { width: 60%; } } @media screen and (max-width: 1200px) { section.categories .col--6.p-0 { width: 100%; } } section.categories .col--6 .col--3 { width: calc(33.33% - 14px); } @media screen and (max-width: 1240px) { section.categories .col--6 .col--3 { width: calc(50% - 14px); } } @media screen and (max-width: 1200px) { section.categories .col--6 .col--3 { width: calc(33.33% - 14px); } section.categories .col--6 .heading--section { margin-top: 60px; } } @media screen and (max-width: 900px) { section.categories .col--6 .col--3 { width: calc(50% - 14px); } } @media screen and (max-width: 600px) { section.categories .col--6 .col--3 { width: 100%; } } section.categories .column p { padding: 0; margin: 0 0 16px; overflow: hidden; } section.categories .buttons__block { width: calc(100% - 40px); display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 20px; left: 20px; } /*Footer*/ .footer__custom { padding: 30px 0; background: var(--v2_color-primary-dark); border: 0; } html[data-bs-theme="dark"] .footer__custom { background: var(--dark-theme-darker); } .footer__custom *, .footer__custom .footer__copyrights * { font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, .75) !important; padding: 0; } .footer__custom .block { display: flex; justify-content: space-between; gap: 24px; margin-bottom: 32px; } @media screen and (max-width: 600px) { .footer__custom .block { flex-direction: column; } } .footer__custom .nav__block { width: calc(75% - 24px); display: flex; gap: 24px; } @media screen and (max-width: 600px) { .footer__custom .nav__block { flex-direction: column; } } .footer__custom .footer--logo { width: auto; height: 32px; padding: 0; margin: 0 32px 0 0; filter: brightness(0) invert(1); } @media screen and (max-width: 600px) { .footer__custom .footer--logo { width: 160px; height: auto; } } .footer__custom .nav__block .links { width: 25%; } .footer__custom .nav__block h6 { font-size: 18px; line-height: 28px; color: #A5EDE5 !important; margin: 0 0 12px; } .footer__custom .nav__block h6::before { display: none; } .footer__custom .nav__block a { font-size: 14px; line-height: 24px; color: var(--color-white); text-decoration: none !important; display: block; margin-bottom: 4px; } .footer__custom .social-media { width: calc(25% - 24px); } @media screen and (max-width: 600px) { .footer__custom .nav__block, .footer__custom .social-media, .footer__custom .nav__block .links { width: 100%; } } .footer__custom .social-media a img { width: auto; height: 20px; padding: 0 8px; margin: 0; } .footer__custom .footer__copyrights { display: flex; align-items: center; justify-content: space-between; gap: 24px; } @media screen and (max-width: 600px) { .footer__custom .footer__copyrights { align-items: flex-start; flex-direction: column; } } .footer__custom a { text-decoration: none !important; } .footer__custom .footer__copyrights p a { text-decoration: none !important; margin-right: 16px; } @media screen and (max-width: 600px) { .footer__custom .text-end { text-align: left !important; } } /*Workspace Text Trunc*/ .project-workspace .project-workspace-btn { max-width: 100% !important; } site-home-page d360-workspace-dropdown { display: none; } /******************************* ** WOW SITES TEAM ** STYLES END ********************************/ .article-title { font-family: "Montserrat", Roboto, sans-serif; font-size: 0.9rem; font-weight: 400 !important; line-height: 1.2rem; } body { letter-spacing: 0; margin: 0; } .content_block .content_container .content_block_text blockquote { border: 0; } .left_sidebar_nav a:hover { background: #dbf8f5; } button#contributor-btn.btn.btn-f { display: none; } .left_sidebar_nav_menu li, .left_sidebar_nav_menu ul li { padding: 0; margin: 4pt 0 0 0; } .breadcrumb-sec { font-size: 0.8rem; } .breadcrumb-sec a, .article_action_links ul li a, .index-article-snippet, .index-article-count { font-family: "Montserrat", Roboto, sans-serif; font-weight: 400; } .content_container .content_block_text div[data-type=table-content] td p[data-block-id], table td, table td p { font-size: 10pt !important; } .content_block .content_container .content_block_text, .content_block .content_container .content_block_text p[data-block-id], .content_block_text, p, li { font-size: 0.9rem !important; line-height: 1.5; } .content_block .content_container .content_block_text p[data-block-id].vdsFormalHeading { font-size: 110% !important; } #doc_content_block { min-height: 600px; } .content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title .category-index-icon { font-size: 1rem; flex: 0 0 30px; } .category-icon i { font-size: 2rem !important; } .content_block .content_container .content_block_text .category-index-view .category-index-item .category-index-title h2 { font-size: 1.1rem; } .default .landing_top { padding: 3rem 0; } .default .landing_top_inner h1 { font-size: 2.4rem; line-height: 3rem; } body.default .heading--sub { font-size: 1.2rem; } .text--trunc { font-size: 0.9rem !important; } .ai-assistive-search:after { animation-iteration-count: 2; } .TableStyle-Global { border-top-style: none; border-bottom-style: none; } .TableStyle-Global-Body-Section, .TableStyle-Global-BodyA-Column-Section, .TableStyle-Global-BodyB-Column-Section, .TableStyle-Global-BodyC-Column-Section, .TableStyle-Global-BodyD-Column-Section, .TableStyle-Global-BodyE-Column-Section, .TableStyle-Global-BodyF-Column-Section, .TableStyle-Global-BodyG-Column-Section, .TableStyle-Global-BodyH-Column-Section, .TableStyle-Global-BodyA-Column-Section p, .TableStyle-Global-BodyB-Column-Section p, .TableStyle-Global-BodyC-Column-Section p, .TableStyle-Global-BodyD-Column-Section p, .TableStyle-Global-BodyE-Column-Section p, .TableStyle-Global-BodyF-Column-Section p, .TableStyle-Global-BodyG-Column-Section p, .TableStyle-Global-BodyH-Column-Section p { background-color: #a5ede5 !important; color: #003f50; font-size: 10pt; font-weight: 400; /* border-bottom-width: 1px; border-bottom-style: solid;*/ } .content_block .content_container .content_block_text ul { margin-left: 12pt; } .content_block .content_container .content_block_text ul[data-block-id] li[data-block-id] p, ol[data-block-id] li[data-block-id] p { margin: 3pt 0 !important; } ol.vdsProcedureList li, ul[data-block-id] li[data-block-id], ol[data-block-id] li[data-block-id] { margin: 6pt 0; } /* CHANGED ol[data-block-id] li[data-block-id]>ul[data-block-id], .content_block .content_container .content_block_text ol li>ol, li>ol { padding-left: 24pt !important; } li>ul { padding-left: 12pt !important; } */ a.external_target { background-image: url('data:image/svg+xml;charset=utf7,'); background-repeat: no-repeat; background-position: center right; background-size: 0.8rem; padding-right: 1rem; } a { font-weight: 500; } table .TableStyle-Global-Head-MainHeader th, table th { background-color: var(--ospn-primary); color: white; vertical-align: middle; } table tr { border: 0 !important; } table caption { caption-side: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } table { margin-top: 16px; padding-left: 12pt; } ul, ol { margin-left: 24px; } /* CHANGE ul[data-block-id], ol[data-block-id] { margin-bottom: 12pt !important; } */ site-docs-content-panel-container { min-height: 342px; } /* This custom code widens the right panel in the API docs, so that the Try It section is wider when you collapse the left TOC panel, and allows for more of the code to be shown*/ .fluid-layout .container-block site-docs-content-panel-container site-docs-right-panel-container { max-width: 650px; } .footer__custom { padding: 30px 0 10px 0; } /*CSS by Migration team - starts*/ body:has(.breadcrumb-scroll li:nth-child(2) a[href="sec/docs/nok-nok-s3-suite"]) #articleContent img { cursor: zoom-in; border: 1px solid #b9b3b3; border-radius: 5px; margin: auto; padding: 0; } /*CSS by Migration team - ends*/ ol>li::marker, ol>li:before { font-family: 'Montserrat' !important; font-weight: bold !important; color: var(--ospn-primary) !important; } .tree-wrapper.two-line-title { min-height: 0 !important; padding: 4px 0 !important; } .editor360-published-content ol li>p, .editor360-published-content ul li>p { margin-bottom: 6pt; } a, a:link { color: var(--ospn-primary); text-decoration: none; font-family: 'Montserrat'; font-weight: 600; } li ol[data-block-id], li ul[data-block-id] { margin-bottom: 0; } .editor360-published-content .editor360-table>tbody>tr>th, .editor360-article-content table th, .editor360-preview-content table th, .editor360-published-content table th { background-color: var(--ospn-primary) !important; } .vdsSreenshotWide { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); height: auto; padding: 0px 0px; min-width: 640px; max-width: 720px; } .vdsSreenshotDialog { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); height: auto; padding: 0px 0px; min-width: 360px; max-width: 360px; } .vdsSreenshotNarrow { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); width: 300px; height: auto; padding: 0px 0px; min-width: 300px; max-width: 300px; } /* --------------- VERSION HISTORY CHANGES ---------------- */ /* Hide Version column */ .version-history-table col.col-version, .version-history-table th:nth-child(1), .version-history-table td:nth-child(1) { display: none !important; } /* Hide Publisher column */ .version-history-table col.col-publisher, .version-history-table th:nth-child(3), .version-history-table td:nth-child(3) { display: none !important; } /* Hide version history from ... menu */ .article-actions-menu .dropdown-item:has(.fa-clock-rotate-left) { display: none !important; } /* ------------------------------------------------------ */ /* Version History Button Styling */ .open-version-history { /* remove any right-alignment */ margin-left: 0; float: none; /* match the section headers' left edge */ display: inline-flex; align-items: center; padding: 1px 16px; box-sizing: border-box; background-color: #DBF8F5; color: #00788C; font-family: "OneSpan", sans-serif; font-size: 13px; font-weight: 100; line-height: 1; text-decoration: none; white-space: nowrap; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.2s ease; } .open-version-history:hover { background-color: #C5F0EA; } .open-version-history:focus-visible { outline: 2px solid #00788C; outline-offset: 2px; } /* ------------------------------------------------------ */

Deploy

Resources