/**/ @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@300;400;500;600&display=swap'); @import url('styles.css'); @import url('variables.css'); @import url('skin_override.css'); @namespace MadCap "localhost"; /* @import url('Project_Stylesheet.css'); */ /* +++++ Fonts +++++++ */ @font-face { font-family: 'Roboto'; src: url("fonts/roboto.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: Helvetica; src: url("fonts/helvetica.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: Lato; src: url("fonts/lato.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* +++++ Base +++++ */ html { orphans: 0; widows: 0; } body { mc-hyphenate: never; } /* +++++ Generic Classes +++++ (comment out the generic classes you don't use) */ .button { background-color: #ff824b; border-radius: 4px; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; font-weight: bold; width: 325px; } .cmd, .cmd-user { font-family: 'Roboto Mono', monospaced; } .cmd { font-weight: bold; } .cmd-user { font-style: italic; } .code { font-size: 1em; font-family: 'Courier New', monospaced; white-space: pre-wrap; } .float-left, .float-right { display: inline-block; } .float-left { float: left; margin: 0 6px 0 0; } .float-right { float: right; margin: 0 0 0 6px; } .float-clear::before, .float-clear::after { content: ''; display: table; } .float-clear::after { clear: both; } .float-clear-none { clear: none; } .indent { padding-left: 40px; } .NewClass { font-family: Roboto, Helvetica-Normal, Arial, sans-serif; page-break-after: avoid; mc-next-tag: p; margin: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 2.25em; margin-top: 0.5em; font-weight: lighter; color: #0e6b55; } .NewClass1 { font-family: Roboto, Helvetica-Normal, Arial, sans-serif; page-break-after: avoid; mc-next-tag: p; margin: 0; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 2.25em; margin-top: 0.5em; font-weight: lighter; color: #0e6b55; } .pagewidth { width: 100%; } .Review { background-color: #ffffb3; } .SearchHighlight1, .SearchHighlight6 { background-color: #fbff59; } .SearchHighlight2, .SearchHighlight7 { background-color: #33FCFF; } .SearchHighlight3, .SearchHighlight8 { background-color: #33FF83; } .SearchHighlight4, .SearchHighlight9 { background-color: #FF9033; } .SearchHighlight5, .SearchHighlight10 { background-color: #FF4633; } .text-uppercase { text-transform: uppercase; } .tablecaption { font-family: var(--typography-font-family); font-weight: bold; margin-top: 12px; margin-bottom: 6px; padding-bottom: 8px; page-break-after: avoid; mc-next-tag: p; text-align: left; } .text-lowercase { text-transform: lowercase; } .text-justify { text-align: justify; } .text-justify-left { text-align: left; } .text-justify-center { text-align: center; } .text-justify-right { text-align: right; } /* +++++ Generic Classes -- Page Breaks +++++ (use the following styles to force or remove page breaks) */ .pgBkBefore { page-break-before: always; } .noPgBkBefore { page-break-before: avoid; } .pgBkAfter { page-break-after: always; } .noPgBkAfter { page-break-after: avoid; } .noPgBk { page-break-after: avoid; page-break-before: avoid; } .KeepWith { page-break-inside: avoid; } /* Use the following no-touch and touch classes to automatically display the correct text, such as click or tap, depending on whether the device has a touch screen or not. The media query below it will make sure that the "mouse" text is used when the PDF is generated. Note: For this to work, you need to add a script to the section of your Flare master page calling the modernizr.js file. */ .no-touch span.mouse-text { display: inline; } .no-touch span.touch-text { display: none; } .touch span.mouse-text { display: none; } .touch span.touch-text { display: inline; } div.RespFieldDefinitions /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.RespFieldDefinitions::before { content: ' '; display: table; } div.RespFieldDefinitions::after { content: ' '; display: table; clear: both; } div.RespFieldDefinitions > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; } div.RespFieldDefinitions > div:nth-child(1) { width: 16.667%; margin-left: 0%; } div.RespFieldDefinitions > div:nth-child(2) { width: 83.333%; margin-left: 0%; } /* +++++ Content -- Misc Rules +++++ */ figure { font-family: sans-serif; } hr { border: none; border-bottom: 1px solid #cccccc; } kbd { font-family: 'Roboto Mono', monospaced; font-size: 0.85em; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #f8f8f8; border-radius: 3px; box-shadow: inset 0 -3px rgba(51, 51, 51, 0.25); font-weight: bold; padding: 4px 4px; color: #555555; } tr { page-break-inside: avoid; } /* +++++ Content--Paragraph styles +++++ Base para rule imported from Styles.css */ p.subHeading { font-family: var(--typography-font-family); margin-bottom: 0.25em; font-weight: bold; page-break-after: avoid; } p.TableIntroHeading { font-family: var(--typography-font-family); font-weight: bold; /* color: #1c75bc; border-bottom: solid 1px #1c75bc; */ margin-top: 12px; margin-bottom: 6px; page-break-after: avoid; mc-next-tag: p; } p.TableIntroHeadingItalic { font-family: var(--typography-font-family); font-weight: bold; font-style: italic; /* color: #1c75bc; border-bottom: solid 1px #1c75bc; */ page-break-after: avoid; } /* Paragraph Styles Front Matter */ p.print-copyrightText { font-size: 11px; line-height: 12px; margin-top: 0px; margin-bottom: 10px; } p.print-copyrightTitle { font-size: 12px; font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 10px; padding-left: 0px; } p.cover-text-guide-name { font-family: 'Lato'; color: #FFFFFF; font-size: 24pt; line-height: 24pt; margin-bottom: 0px; padding-bottom: 12px; mc-hidden: hidden; } p.cover-text-guide-type { font-family: 'Lato'; font-weight: bold; color: #FFFFFF; font-size: 24pt; line-height: 24pt; margin-top: 0px; padding-top: 0px; } p.onlineFooter { font-size: 0.75em; line-height: 1.1em; text-align: center; margin-left: 0; } /* p.footerxxx classes for the page layout footers */ p.FooterCopyright { font-size: 7pt; line-height: 10pt; text-align: left; margin: 0; font-family: 'Myriad Pro'; color: #c0c0c0; } p.FooterLeft7 { font-size: 7pt; line-height: 10pt; text-align: left; margin: 0; color: #696969; font-family: 'Myriad Pro'; } p.FooterLeft7Bold { color: #696969; font-weight: bold; font-size: 7pt; line-height: 10pt; text-align: left; margin: 0; font-family: 'Myriad Pro'; } p.FooterLeft8 { font-size: 8pt; line-height: 9pt; text-align: left; margin: 0; color: #696969; font-family: 'Myriad Pro'; } p.FooterPageNo { font-size: 7pt; line-height: 10pt; text-align: right; font-family: 'Myriad Pro'; color: #696969; margin: 0; } p.FooterRight8 { font-size: 8pt; line-height: 11pt; color: #696969; text-align: right; margin: 0px; font-family: 'Myriad Pro'; } p.FooterRight8Bold { font-size: 8pt; line-height: 11pt; color: #696969; font-weight: bold; text-align: right; margin: 0px; font-family: 'Myriad Pro'; } p.title { font-weight: bold; font-size: 30pt; margin-top: 0px; /* text-align: center; */ line-height: 26pt; margin-bottom: 2em; } /* +++++ Content -- Image Rules +++++ (base img rules imported from Styles.css) */ img.indent { } img.icon { border: none; padding-bottom: -0.5em; vertical-align: text-top; } img.iconBorder { border: solid 1px #333333; vertical-align: text-top; } img.inlineIcon { max-height: 24px; max-width: auto; margin-top: -1px; margin-bottom: 0px; margin-left: 3px; margin-right: 3px; border: none; vertical-align: bottom; } img.inlineIconBorder { max-height: 24px; max-width: auto; margin-top: -1px; margin-bottom: 0px; margin-left: 3px; margin-right: 3px; border: 1px solid #cccccc; vertical-align: bottom; } img.fa_icon { border: none; padding-bottom: -0.5em; vertical-align: text-top; max-width: 16px; max-height: 16px; } img.ibmi { border-radius: 10px; box-shadow: 0 0 0 5px rgba(51, 51, 51, 0.1); border: 2px solid #333333; } img.border, img.indentBorder, img.thumbnailBorder { border: solid 1px #333333; } img.thumbnail, img.thumbnailBorder { padding: 3px; mc-thumbnail: popup; mc-thumbnail-max-height: auto; mc-thumbnail-max-width: 300px; } /* +++++ Headings i+++++ (mported from Styles.css (Northstar) */ h5.procedure { } /* +++++ Linkss +++++ */ a.Popup { } a.GlossaryPageTerm:active { } a:hover { cursor: hand; /* color: #0072c6; (blue) */ color: #70A59A; } a:active { cursor: hand; } a:focus, a.MiniTOC1:focus, a.MiniTOC2:focus, a.MiniTOC3:focus { color: white !important; background-color: #696969; } a.MiniTOC1:link, a.MiniTOC2:link, a.MiniTOC3:link { color: #0072c6; } a.dithered { color: #c0c0c0; } /* +++++ Lists +++++ */ dl, dt, dd { /* font-family: sans-serif; */ } dl dt { margin-bottom: 0.25em; font-weight: bold; } dl dd { margin-left: 1.5em; margin-bottom: 1em; } li { margin: .5em 0; orphans: 3; widows: 2; } li p { margin: .5em 0; } li:last-child { page-break-before: avoid; } /* +++++ Div and containers +++++ */ div.container { height: 200px; position: relative; } /* use div.figure and div.fegure p.figurecount used by the snippet - Figure_Caption_Incrementing.flsnp */ div.figure { /* background-color: #eeeeee; */ /* margin: 10px; border: solid 1px #cccccc; padding: 10px; */ text-align: left; } div.figure p.figurecount { font-size: 10pt; font-style: italic; mc-auto-number-format: '{b}figure {Gn+} - {/b}'; margin-left: 5px; margin-top: -24px; } p.figurecount_withhout-div { font-size: 10pt; font-style: italic; mc-auto-number-format: '{b}figure {Gn+} - {/b}'; margin-left: 5px; margin-top: -24px; } li p.figurecount_withhout-div { font-size: 10pt; font-style: italic; mc-auto-number-format: '{b}figure {Gn+} - {/b}'; margin-left: 5px; margin-top: -18px; } div.indent { padding-left: 40px; /* font-family: sans-serif; */ } div.jumpList { border: solid 1px #a9a9a9; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-radius: 2px; padding: 5px; background-color: #f5f5f5; box-shadow: 2px 1px 2px #888888; margin-top: 10px; padding-left: 15; width: 900px; } div.KeepWith { page-break-inside: avoid; } div.noWrap { border-left-color: #636363; border-right-color: #dfdfdf; border-top-color: #dfdfdf; border-bottom-color: #dfdfdf; page-break-inside: avoid; white-space: nowrap; } div.noWrap > p { margin: 0em 0; } div.Parm1 { margin-left: 40px; text-indent: -40px; page-break-inside: avoid; } div.Parm1-Indent { margin-left: 40px; page-break-inside: avoid; } div.Parm2 { margin-left: 65px; text-indent: -25px; page-break-inside: avoid; } div.Parm2-Indent { margin-left: 65px; page-break-inside: avoid; } div.sideContent { float: right; margin-left: 10px; margin-bottom: 10px; width: 33.33%; } div.text-box { position: absolute; bottom: 10; } div.example, div.important, div.note, div.tip, div.warning, pre.border { border-radius: 5px; margin: 0.5em 0 1.5em; border-left-style: solid; border-left-width: 4px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; padding-left: 1em; padding-right: 1em; padding-top: 0.5em; padding-bottom: 0.5em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: auto; } div.example { background-color: #ddedfa; mc-auto-number-format: 'EXAMPLE: '; mc-auto-number-class: callout-example; border-left-color: #1c75bc; border-right-color: #c7d5e1; border-top-color: #c7d5e1; border-bottom-color: #c7d5e1; } div.example > p { margin: 0em 0; } div.important { background-color: #ffffcc; mc-auto-number-format: 'IMPORTANT: '; mc-auto-number-class: callout-important; border-left-color: #808000; border-right-color: #cccc00; border-top-color: #cccc00; border-bottom-color: #cccc00; page-break-inside: avoid; } div.important > p { margin: 0em 0; } div.note { background-color: white; mc-auto-number-format: 'NOTE: '; mc-auto-number-class: callout-note; border-left-color: #636363; border-right-color: #dfdfdf; border-top-color: #dfdfdf; border-bottom-color: #dfdfdf; page-break-inside: avoid; } div.note > p { margin: 0em 0; } div.release { background-color: #f1f1f1; mc-auto-number-format: 'Release Resources'; mc-auto-number-class: callout-release; float: right; margin: 0.5em 0 1.5em .5em; overflow: auto; padding-left: 1em; padding-right: 1em; padding-top: 0.5em; padding-bottom: 0.5em; page-break-inside: avoid; width: 300px; } div.release > p { margin: 0em 0; } div.tip { background-color: #d5ecc8; mc-auto-number-format: 'TIP: '; mc-auto-number-class: callout-tip; border-left-color: #599a35; border-right-color: #c0d4b4; border-top-color: #c0d4b4; border-bottom-color: #c0d4b4; page-break-inside: avoid; } div.tip > p { margin: 0em 0; } div.warning { background-color: #f9ebeb; mc-auto-number-format: 'WARNING: '; mc-auto-number-class: callout-warn; border-left-color: #ce6363; border-right-color: #e0d4d4; border-top-color: #e0d4d4; border-bottom-color: #e0d4d4; page-break-inside: avoid; } div.warning > p { margin: 0em 0; } pre.border /*replicates the border style of the example, note, tip div classes*/ { background-color: white; border-left-color: #636363; border-right-color: #dfdfdf; border-top-color: #dfdfdf; border-bottom-color: #dfdfdf; margin-bottom: 2px; margin-top: 2px; } pre { /* background-color: white; border-left-color: #636363; border-right-color: #dfdfdf; border-top-color: #dfdfdf; border-bottom-color: #dfdfdf; */ margin-bottom: 2px; margin-top: 2px; padding-top: 0.5em; padding-bottom: 0.5em; } span.callout-note, span.callout-tip, span.callout-warn, span.callout-example, span.callout-important, span.callout-release { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 0.8em; font-weight: bold; text-transform: uppercase; padding-bottom: 0.5em; } span.callout-note { color: black; } span.callout-tip { color: #599a35; } span.callout-warn { color: #ce6363; } span.callout-example { color: #1c75bc; } span.callout-important { color: #808000; } span.callout-release { color: #0072c6; } /* +++++ Madcap Rules +++++ */ MadCap|xref.PgRef { mc-format: ' (Pg. {page})'; } MadCap|xref.pgNumOnly { mc-format: ' (Pg. {page})'; } MadCap|toggler { color: #006a56; } @media print { img { max-width: 480px; max-height: auto; } span.mouse-text { display: inline !important; } span.touch-text { display: none !important; } } /* @media hs_print ++renaming to pdf_print++ */ @media pdf_print { body { font-family: Roboto; font-size: 12pt; line-height: 13pt; } p { /* font-size: 12pt; font-family: Roboto; */ line-height: 13pt; } img { max-width: 480px; max-height: auto; } kbd { border: none; } /* p.print-copyrightText { font-size: 11px; line-height: 11px; } */ .pagewidth { width: 700px; } /* The half width style is to fix Div Styles next to floating elements in Print outputs. */ .halfwidth { width: 50%; } img.indentBorder, img.indent { max-width: 610px; max-height: auto; } img.ibmi { max-width: 450px; max-height: auto; } h1 { mc-heading-level: 1; /* margin-left: -1em; */ font-weight: 300; font-size: 36pt; font-family: Roboto; } h2 { padding-top: 8px; mc-heading-level: 2; /* margin-left: -1em; */ font-weight: 300; font-size: 27px; font-family: Roboto; /* color: #0072c6; ++change this to the new corp color */ } h3 { padding-top: 8px; font-weight: 400; font-size: 24px; font-family: Roboto; /* color: #0072c6; ++change this to the new corp color */ mc-heading-level: 3; } h4 { mc-heading-level: 0; font-size: 20px; font-family: Roboto; } h5 { mc-heading-level: 0; font-size: 18px; font-family: Roboto; } h6 { mc-heading-level: 0; font-size: 18px; font-family: Roboto; } div.figure p.figurecount { font-size: 10pt; font-style: italic; mc-auto-number-format: '{b}figure {Gn+} - {/b}'; margin-left: 5px; margin-top: -18px; } p.figurecount_withhout-div { font-size: 10pt; font-style: italic; mc-auto-number-format: '{b}figure {Gn+} - {/b}'; margin-left: 5px; margin-top: -18px; } li p.figurecount_withhout-div { font-size: 10pt; font-style: italic; mc-auto-number-format: '{b}figure {Gn+} - {/b}'; margin-left: 5px; margin-top: -8px; } dd, dd p, dt, dt p, li, li p { font-family: Roboto; font-size: 12pt; line-height: 14pt; } dl, ol, ul { letter-spacing: .25; font-family: Roboto; font-size: 12pt; line-height: 14pt; margin-top: 0px; margin-bottom: 0px; } MadCap|dropDownBody { border-bottom: none; } MadCap|xref { mc-format: '{i}{paratext}{/i} on page {page}'; } } @media screen and (max-width: 800px) { div.sideContent { display: none; } } @media screen and (max-width: 415px) { div.sideContent { display: none; } } @media only screen and (max-width: 1279px) { div.RespFieldDefinitions > div:nth-child(1) { width: 66.66667%; margin-left: 0%; } div.RespFieldDefinitions > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } } @media only screen and (max-width: 767px) { div.RespFieldDefinitions > div:nth-child(1) { width: 100%; margin-left: 0%; } div.RespFieldDefinitions > div:nth-child(2) { width: 100%; margin-left: 0%; } }