/**/ @namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd); /* @namespace MadCap "localhost"; */ @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; } /* Generic classes. Comment out the generic classes you don't use. */ .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; } .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; } .float-left, .float-right { display: inline-block; } .float-left { float: left; } .float-right { float: right; } .float-clear::before, .float-clear::after { content: ''; display: table; } .float-clear::after { clear: both; } .float-clear-none { clear: none; } .pagewidth { width: 100%; } .cmd, .cmd-user { font-family: Consolas, "courier new", monospaced; } .cmd { font-weight: bold; } .cmd-user { font-style: italic; } .code { font-size: 1em; font-family: 'Courier New'; white-space: pre-wrap; } .indent { padding-left: 40px; } /*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; } @media print { span.mouse-text { display: inline !important; } span.touch-text { display: none !important; } } /* End of generic classes */ html { orphans: 0; widows: 0; } body { color: #333333; font-family: Lato, Helvetica, Arial, sans-serif; mc-hyphenate: never; } /* Image Styles */ img { } 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.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; } /* Heading Styles */ h1, h2, h3, h4, h5, h6 { font-family: Roboto, Helvetica-Normal, Arial, sans-serif; page-break-after: avoid; mc-next-tag: p; margin: 0; } h1 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 2.5em; font-weight: lighter; } h2 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 2.25em; margin-top: 0.5em; font-weight: lighter; color: #0072c6; } h3 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25em; margin-top: 0.7em; font-weight: lighter; color: #0072c6; } h4 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.15em; margin-top: 1em; } h5 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1em; margin-top: 1em; font-weight: bold; } h6 { font-family: Roboto, Helvetica, Arial, sans-serif; margin-bottom: 0.25em; margin-top: 0.25em; font-weight: bold; font-size: .9em; page-break-after: avoid; } hr { border: none; border-bottom: 1px solid #cccccc; } a.Popup { } a:link { color: #0072c6; } a:visited { color: #0072c6; } a:hover { cursor: hand; color: #0072c6; } a:active { cursor: hand; } a:focus, a.MiniTOC1:focus, a.MiniTOC2:focus, a.MiniTOC3:focus { border: solid 2px #a5c7fe; border-radius: 5px; } a.MiniTOC1:link, a.MiniTOC2:link, a.MiniTOC3:link { color: #0072c6; } MadCap|xref { mc-format: '{i}{paratext}'; } /* Paragraph styles */ p { text-align: left; margin: 1em 0; } p.TableIntroHeading { font-family: Roboto, Helvetica, Arial, sans-serif; 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.subHeading { font-family: Roboto, Helvetica, Arial, sans-serif; margin-bottom: 0.25em; font-weight: bold; page-break-after: avoid; } p.TableIntroHeadingItalic { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: bold; font-style: italic; color: #1c75bc; border-bottom: solid 1px #1c75bc; page-break-after: avoid; } /* Front Matter Paragraph Styles */ p.print-copyrightTitle { font-size: 12px; font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 18px; padding-left: 8px; } p.print-copyrightText { font-size: 11px; } p.onlineFooter { font-size: 0.75em; line-height: 1.1em; text-align: center; margin-left: 0; } p.cover-text-guide-type { font-family: 'Lato'; font-weight: bold; color: #FFFFFF; font-size: 24pt; margin-bottom: 0px; padding-bottom: 0px; } p.cover-text-guide-name { font-family: 'Lato'; color: #FFFFFF; font-size: 24pt; margin-top: 0px; padding-top: 0px; mc-hidden: hidden; } li { margin: .5em 0; orphans: 3; widows: 2; } li p { margin: .5em 0; } li:last-child { page-break-before: avoid; } dl dt { font-family: Roboto, Helvetica, Arial, sans-serif; margin-bottom: 0.25em; font-weight: bold; } dl dd { margin-left: 0.5em; margin-bottom: 1em; } /* Div and containers */ div.indent { padding-left: 40px; } div.KeepWith { page-break-inside: avoid; } pre, div.note, div.example, div.warning, div.tip { 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; } pre { background-color: #f8f8f8; border-left-color: #636363; border-right-color: #dfdfdf; border-top-color: #dfdfdf; border-bottom-color: #dfdfdf; } div.note { background-color: #f8f8f8; 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.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.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.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.note > p { margin: 0em 0; } div.example > p { margin: 0em 0; } div.tip > p { margin: 0em 0; } div.warning > p { margin: 0em 0; } div.container { height: 200px; position: relative; } div.text-box { position: absolute; bottom: 10; } div.sideContent { float: right; margin-left: 10px; margin-bottom: 10px; width: 33.33%; } span.callout-note, span.callout-tip, span.callout-warn, span.callout-example { 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; } kbd { font-family: Consolas, "courier new", 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; } pre { margin-bottom: 2px; margin-top: 2px; } div.Parm1 { margin-left: 40px; text-indent: -40px; } div.Parm1-Indent { margin-left: 40px; } div.Parm2 { margin-left: 65px; text-indent: -25px; } div.Parm2-Indent { margin-left: 65px; } address { mc-hidden: hidden; } MadCap|popupBody { background-color: #f5f5f5; } MadCap|glossaryTerm { font-weight: normal; font-style: normal; color: #3b73af; } MadCap|expanding { } MadCap|expandingBody { } MadCap|expandingHead { } MadCap|footnote { vertical-align: top; } MadCap|pageFooter { vertical-align: top; } MadCap|glossaryProxy { font-style: normal; font-weight: normal; } a.GlossaryPageTerm:active { } a { color: #3b73af; } MadCap|glossaryTerm.Popup { color: #3b73af; } MadCap|glossaryTerm.Hyperlink { color: #3b73af; } MadCap|glossaryTerm.Expanding { color: #3b73af; } MadCap|glossaryTerm:hover { color: #3b73af; } MadCap|glossaryTerm:focus { color: #3b73af; } MadCap|breadcrumbsProxy { border-bottom: none; font-size: .9em; mc-breadcrumbs-prefix: 'You are here: '; font-style: italic; } tr { page-break-inside: avoid; } MadCap|dropDownBody { border-bottom: solid 1px #A9A9A9; } MadCap|dropDown { mc-closed-image: url('icons/mcclosearrow.png') !important; mc-open-image: url('icons/mcopenarrow.png') !important; margin-top: 0.5em; margin-bottom: 0.5em; } MadCap|dropDownHead { page-break-after: avoid; color: #008eff; border-bottom-width: 1px; } MadCap|tocProxy { border-top-style: none; border-top-width: 0px; } MadCap|indexProxy { border-top-style: none; } MadCap|relatedTopicsControlListItem { color: #1471b8; } MadCap|relatedTopicsControlList { color: #1471b8; } MadCap|relatedTopics { font-family: Lato; background-color: #1c75bc; border-color: #1c75bc; border-style: solid; border-radius: 5px; padding: 5px; border-width: 1px; mc-image: none; color: #ffffff; mc-help-control-display: popup; mc-label: 'Related Topics'; } MadCap|helpControlMenuItem.Highlighted { background-color: #f5f5f5; color: #000000; font-family: Lato; } MadCap|helpControlMenuItem { font-family: Lato; color: #696969; font-size: 12pt; padding-top: 2px; padding-bottom: 2px; padding: 2px; } MadCap|helpControlMenu { background-color: #f8f8f8; border: solid 2px #dfdfdf; border-left: solid 5px #636363; } @media print { body { font-size: 11pt; } h1 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 24pt; } h2 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 20pt; padding-top: 8px; color: #0072c6; } h3 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 18pt; padding-top: 8px; color: #0072c6; } h4 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 16pt; mc-heading-level: 0; } h5 { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 12pt; mc-heading-level: 0; } h6 { font-size: 12pt; mc-heading-level: 0; } img { max-width: 650px; max-height: auto; } img.indentBorder, img.indent { max-width: 610px; max-height: auto; } img.ibmi { max-width: 450px; max-height: auto; } MadCap|dropDownBody { border-bottom: none; } .pagewidth { width: 700px; } MadCap|xref { mc-format: '{i}{paratext}{/i} {pageref}'; } kbd { border: none; } } @media screen and (max-width: 800px) { div.sideContent { display: none; } } @media screen and (max-width: 415px) { div.sideContent { display: none; } }