@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-09-09T06%3A52%3A30Z&se=2026-09-09T07%3A02%3A30Z&sr=c&sp=r&sig=iWNbFxmmWjjbmegXaKyx%2B6DZ5P8zKG9NtWMijxcnAHk%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; } .vdsSreenshotNarrow { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15); height: auto; padding: 0px 0px; min-width: 300px; }

Ressources