@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; } .vdsCiteReleaseNotesHidden { font-size: 75%; font-style: italic; font-weight: normal; vertical-align: baseline; display: none !important; } .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-21T12%3A58%3A24Z&se=2026-10-21T13%3A08%3A24Z&sr=c&sp=r&sig=cWshJMw67gcaEFssMO4s06oItSFHgI65LhpTisS1kfE%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; } .vdsScreenshotShadowed { filter: drop-shadow(var(--ospn-black-2) 0.2rem 0.2rem 0.3rem); } /* --------------- VERSION HISTORY CHANGES ---------------- */ /* Accent color for the version history button and panel */ :root { --vh-accent: #00788C; /* OneSpan teal (light mode) */ } html[data-bs-theme="dark"] { --vh-accent: #4CDBCB; /* OneSpan aqua (readable on dark) */ } /* 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 (replaced by the Version history button) */ .article-actions-menu .dropdown-item:has(.fa-clock-rotate-left) { display: none !important; } /* Version history table (modal): white header text */ .version-history-table thead th, .version-history-table thead th * { color: #FFFFFF !important; } /* In-article "View version history" link */ .open-version-history { margin-left: 0; float: none; 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; } /* Version history button */ .open-version-history.vh-button { display: flex; align-items: center; gap: 8px; box-sizing: border-box; height: 28px; margin: 8px 0 0 0; padding: 2px 10px !important; background: none; border: none; border-radius: 0; line-height: 1.4; cursor: pointer; color: var(--bs-body-color); } /* Button label + icon follow the theme's text color (light and dark) */ .open-version-history.vh-button .vh-button__label, .open-version-history.vh-button i { color: var(--bs-body-color) !important; } .open-version-history.vh-button i { width: 16px; text-align: center; font-size: 14px; } /* Pill shape with an invisible border, so the button doesn't shift on hover */ .open-version-history.vh-button { border: 1.5px solid transparent !important; border-radius: 999px !important; } /* Hover: gradient border like the Article summary button */ .open-version-history.vh-button:hover { background: linear-gradient(var(--bs-body-bg), var(--bs-body-bg)) padding-box, linear-gradient(90deg, #6C7BFF 0%, #E9467A 55%, #F7B500 100%) border-box !important; } /* Keep the text and icon in the normal text color on hover */ .open-version-history.vh-button:hover .vh-button__label, .open-version-history.vh-button:hover i { color: var(--bs-body-color) !important; } /* Articles without Article summary: button under the EDIT ARTICLE row */ .open-version-history.vh-button.vh-button--standalone { width: fit-content; /* shrink the pill to the text, like Article summary */ margin: 12px 0 0 -11.5px; /* keep the text lined up with the article title */ padding: 2px 10px !important; /* room between the text and the gradient border */ } .vh-button--standalone .vh-button__label { font-family: "Montserrat", sans-serif; font-size: 0.8125rem; font-weight: 600; } /* Stack the Version history button above Article summary */ .vh-summary-wrap { display: flex; flex-direction: column; } .vh-summary-wrap>.vh-button { order: -1; } /* Keep buttons (Version history + Article summary) left-aligned at natural width */ .vh-summary-wrap>button { align-self: flex-start; } /* Hide the modal (anything newly added to the page) and the blur while the script copies the table */ body.vh-loading>*:not([data-vh-keep]) { opacity: 0 !important; pointer-events: none !important; } body.vh-loading * { filter: none !important; backdrop-filter: none !important; } /* Inline version history panel (matches the AI summary card in light and dark mode) */ .vh-panel { margin: 8px 0 0 0; padding: 16px; background: #F4F4F5; border-radius: 8px; color: var(--bs-body-color); font-family: var(--vh-font, inherit); font-size: var(--vh-size, inherit); } /* Dark mode: panel background */ html[data-bs-theme="dark"] .vh-panel { background: var(--dark-theme-dark); /* #26272b, from your theme CSS */ } .vh-summary-wrap>.vh-panel { order: -1; } #vh-inline-panel .version-history-table { width: 100%; margin: 0; padding: 0; border: none !important; border-collapse: collapse; background: transparent !important; } /* Remove the table's own colors and borders; default text = theme text color */ #vh-inline-panel .version-history-table th, #vh-inline-panel .version-history-table td, #vh-inline-panel .version-history-table th *, #vh-inline-panel .version-history-table td * { background: transparent !important; color: var(--bs-body-color) !important; font-family: var(--vh-font, inherit) !important; font-size: var(--vh-size, inherit) !important; border: none !important; } #vh-inline-panel .version-history-table th { font-weight: var(--vh-title-weight, 600) !important; text-align: left; padding: 0 12px 8px 0 !important; } #vh-inline-panel .version-history-table th * { font-weight: inherit !important; } /* Rows: faint divider */ #vh-inline-panel .version-history-table td { font-weight: 400 !important; padding: 8px 12px 8px 0 !important; border-top: 1px solid rgba(127, 127, 127, 0.25) !important; } /* Dark mode: whole version history table in white (theme text color) */ html[data-bs-theme="dark"] #vh-inline-panel .version-history-table th, html[data-bs-theme="dark"] #vh-inline-panel .version-history-table th *, html[data-bs-theme="dark"] #vh-inline-panel .version-history-table td, html[data-bs-theme="dark"] #vh-inline-panel .version-history-table td * { color: var(--bs-body-color) !important; } /* "Hide" link color (matches the AI summary's Hide link) */ :root { --vh-hide-color: #00788C; } html[data-bs-theme="dark"] { --vh-hide-color: #4FB3CE; } /* While the panel is open, hide the Version history button (like Article summary does) */ .open-version-history.vh-button.vh-button--open { display: none !important; } /* Card header: icon + title on the left, Hide on the right */ .vh-panel__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; } .vh-panel__title { display: flex; align-items: center; gap: 8px; font-family: var(--vh-font, inherit); font-size: var(--vh-size, inherit); font-weight: var(--vh-title-weight, 500); color: var(--bs-body-color); } .vh-panel__title i { width: 16px; text-align: center; font-size: 14px; } .vh-panel__hide { background: none; border: none; padding: 0; cursor: pointer; font-family: var(--vh-font, inherit); font-size: var(--vh-size, inherit); font-weight: 500; color: var(--vh-hide-color); } .vh-panel__hide:hover { text-decoration: underline; } /* ------------------------------------------------------ */

Deploy

Resources