/**/
/*Last updated: June 29, 2023 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);
html
{
height: 100%;
}
body
{
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-style: normal;
line-height: 20px;
color: #444;
}
/****************************** DIV CONTAINER
sideContent positions and styles the side navigation in online help */
div.sideContent
{
position: relative;
float: left;
margin-bottom: 10px;
padding-right: 0px;
margin-right: 0px;
margin-left: 0px;
background-color: #eeeeee;
width: calc(25% - 8px);
font-family: 'Roboto', sans-serif;
mc-hidden: hidden; /*Prevents this from appearing in the Styles pane */
}
@media only screen {
div.sideContentBackground /*Adds a gray background and blue right margin */
{
position: absolute;
z-index: -1;
padding-right: 0px;
margin-right: 0px;
margin-left: 0px;
background-color: #eeeeee;
width: 25%;
max-width: 320px;
height: 100%;
border-right: 8px solid #04c9d7;
}
}
/*Removes the side menu area for mobile, when there's no side menu */
@media only screen and (max-width: 768px){
div.sideContentBackground
{
display: none;
width: 0px;
max-width: 0px;
}
}
@media only screen and (max-width: 768px){
div.sideContent
{
width: 0px;
max-width: 0px;
}
}
/* make the div immediately following the body-container div relative in versions prior to 2020.2
(2020.2 added a class to make it relative so styles conflicted, updates to fix 2020.2 broke 2019 due to different position definitions)
*/
div.body-container>div[data-mc-content-body="True"] {
position:relative;
}
div.body-container
{
mc-hidden: hidden;
}
div.MCBreadcrumbsBox_0 /*reduces space above and below the breadcrumbs */
{
margin-top: -6px !important;
margin-bottom: 0px !important;
mc-hidden: hidden;
}
div.TopicInnards
{
float: left;
width: 70%;
padding-left: 36px;
mc-hidden: hidden;
}
div#TopicInnards
{
mc-hidden: hidden;
}
div.TopicContent
{
mc-hidden: hidden;
}
div.contentBody
{
mc-hidden: hidden;
}
/*Makes the text column larger than 70% for mobile, when there's no side menu */
@media only screen and (max-width: 768px){
div.TopicInnards
{
width: 95%;
}
}
div.TopicContent
{
padding-left: 15px;
padding-right: 15px;
padding-top: 25px;
mc-hidden: hidden;
}
div.contentBody
{
clear: both;
overflow: auto;
height: 100%;
mc-hidden: hidden;
}
/*header area that spans the window*/
nav.title-bar
{
background-image: url('../images/menu-bar.png');
background-position: left bottom;
background-repeat: repeat-x;
}
@media only screen and (max-width: 992px)
{
nav.title-bar
{
background-image: none;
}
}
/* top menu */
li.has-children
{
text-transform: uppercase;
mc-hidden: hidden;
}
ul.sub-menu > li
{
text-transform: none;
}
/* Side menu #sidecontent */
ul.menu._Skins_SideMenu li:first-child
{
text-transform: none;
}
ul.menu._Skins_SideMenu > li
{
text-transform: none !important;
font-family: 'Roboto', sans-serif;
}
/******************************************* front matter/About */
p.frontmatter_h1
{
font-weight: 500;
font-size: 36px;
line-height: 40px;
margin-bottom: 12px;
color: #04c9d7;
widows: 3;
orphans: 3;
mc-hyphenate: never;
page-break-after: avoid;
}
p.frontmatter_h2
{
font-weight: bold;
font-size: 32px;
line-height: 36px;
color: #444;
margin-top: 26px;
margin-bottom: 12px;
mc-hyphenate: never;
page-break-after: avoid;
}
/************************************ text */
h1 /* mirror changes in p.frontmatter_h1 */
{
font-weight: 500;
font-size: 36px;
line-height: 40px;
padding-top: 0px; /*just for online version */
margin-top: -4px; /*just for online version */
margin-bottom: 12px;
color: #04c9d7;
widows: 3;
orphans: 3;
mc-hyphenate: never;
page-break-after: avoid;
page-break-before: always;
}
h2 /*mirror changes in p.frontmatter_h2 */
{
font-weight: bold;
font-size: 32px;
line-height: 36px;
color: #444;
margin-top: 26px;
margin-bottom: 12px;
mc-hyphenate: never;
page-break-after: avoid;
}
h3
{
font-weight: bold;
font-size: 24px;
line-height: 28px;
color: #444;
margin-top: 24px;
margin-bottom: 12px !important; /*making sure the value in NewStyles (0) doesn't override this*/
mc-hyphenate: never;
padding-bottom: 0;
page-break-after: avoid;
}
h4
{
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #444;
margin-top: 18px;
margin-bottom: 12px;
padding-bottom: 0;
mc-heading-level: 4;
page-break-after: avoid;
}
p
{
mc-hyphenate: never;
page-break-inside: avoid;
widows: 3;
orphans: 3;
}
p.menu /*used with dropdown menu */
{
font-size: 13px;
mc-hidden: hidden;
}
span.expand, p.expand, div.expand /*use with expands */
{
overflow: auto;
mc-hidden: hidden;
}
/*Changes to term definitions should also be mirrored in dt and dd in List styles */
.TermDefinition
{
margin-left: 40px;
page-break-before: avoid;
}
.Term
{
font-weight: bold;
font-style: normal;
page-break-after: avoid;
mc-next-class: TermDefinition;
}
code
{
font-size: 15px;
mc-toc-depth: 3;
margin-top: 3pt;
font-family: "Courier New", monospace;
}
h1 code, h2 code, h3 code, h4 code, h5 code
{
font-size: inherit;
}
MadCap|xref.PageNumberOnly
{
mc-format: '{page}';
}
pre
{
background-color: #fafafa;
border: 1px solid #696969;
padding: 10px;
overflow: auto;
mc-hyphenate: never;
font-family: "Courier New", monospace;
font-size: 15px;
}
caption
{
caption-side: top;
text-align: left;
page-break-after: avoid;
}
.red_em
{
color: #f00;
}
/********************Captions for code blocks*/
p.caption
{
font-weight: bold;
page-break-after: avoid;
}
/********Fix for spacing issues in code blocks caused by the highlight.js CSS*/
pre code.hljs
{
overflow-x:unset !important;
padding:unset !important;
mc-hidden: hidden;
}
/********Adding empty style definitions so the common languages are included in the Flare styles pane */
code.language-python, code.language-json, code.language-xml, code.language-ruby, code.language-net, code.language-powershell, code.language-java, code.language-javascript, code.language-csharp, code.language-php, code.language-cmd, code.language-bash {
}
/*********************************** Images */
img.no_border
{
border: none;
}
ol img,
ul img
{
border: 1px solid #a1a1a1;
}
img.borders
{
border: 1px solid #a1a1a1;
}
/****************Image classes used in the ARM documentation */
img.resize
{
max-width: 100%;
}
img.resize_with_borders
{
max-width: 100%;
border: 1px solid #a1a1a1;
box-sizing: border-box;
}
div.image_caption, ol.image_caption, p.image_caption
{
margin-top: -15px;
padding: 8px;
background: #eeeeee;
width: 100%;
box-sizing: border-box;
}
ol div.image_caption ol,
ol ol.image_caption
{
list-style-type: decimal;
margin-top: 12px;
margin-bottom: 12px;
}
/******************************************* Lists */
ol,
ul,
li
{
mc-hyphenate: never;
}
ul
{
list-style-type: disc;
}
ul ul,
ul ol ul
{
list-style-type: circle;
}
li p,
ol p,
ul p
{
margin-top: 12px;
margin-bottom: 12px;
}
ol > li > ul
{
margin-top: 12px;
}
ol > li
{
margin-top: 12px;
margin-bottom: 12px;
}
ul > li
{
margin-top: 4px;
margin-bottom: 4px;
}
ol ol,
ol ul ol
{
list-style-type: lower-alpha;
margin-top: 12px;
margin-bottom: 12px;
}
/* Use to create a checkbox list with all items unchecked.
Use to prevent line breaks within text */
span.nonbreaking
{
white-space:nowrap;
}
/********************************** Table Styles */
table.table_border
{
border-collapse: collapse;
margin-left: 0px;
margin-right: 0px;
border: 1px solid #cecdcb;
}
table
{
border-collapse: collapse;
margin-left: 0px;
margin-right: auto;
border-bottom: 1px solid #cecdcb;
border-top: 1px solid #cecdcb;
}
table.table_border th,
table.table_border td
{
border: 1px solid #cecdcb;
}
table + table {
margin-top: 20px;
}
th:last-child,
td:last-child
{
border-right: 0;
}
th
{
padding: 8px 5px 8px 5px;
font-weight: bold;
color: #fff;
background-color: #04c9d7;
text-align: left;
}
th p,
thead p
{
font-weight: bold;
color: #fff;
background-color: #04c9d7;
text-align: left;
margin: 0px;
}
thead
{
background-color: #04c9d7;
}
tr
{
page-break-inside: avoid;
}
/* In case there's a table row that needs to break across pages. This class cannot be used with the SW branding table style, because Flare applies a class and strips out any others.*/
.allowBreak
{
page-break-inside: auto;
}
tr > th
{
page-break-after: avoid;
}
td
{
mc-hyphenate: never;
margin-left: 0in;
margin-right: 0in;
margin-top: 7pt;
margin-bottom: 7pt;
border-collapse: collapse;
border-spacing: 0px 0px;
mc-cell-padding: 5pt 5pt 5pt 5pt;
padding: 5px;
vertical-align: top;
border-bottom: 1px solid #cecdcb;
}
td > p,
td > ol,
td > ul,
td > ol > li
{
margin-top: 0px;
padding-top: 0px;
}
td > p:last-child
{
margin-bottom: 0px;
}
div.first_table
{
float: left;
display: inline-block;
width: 73%;
}
/***making tables on small screens more readable*/
@media only screen and (max-width: 768px) {
#TopicInnards th,
#TopicInnards td,
#TopicInnards th p,
#TopicInnards thead p,
#TopicInnards td p
{
font-size: 14px;
}
#TopicInnards table
{
display: block;
overflow: auto;
max-width:fit-content;
}
}
/***********************Table heading rotation -- works online, but not in PDFs
To make this work, each heading cell with text must contain:
|
TEXT_GOES_HERE
|
*/
th.rotate
{
color: #666;
background-color: #fff;
height: 160px;
white-space: nowrap;
direction: rtl;
}
th.rotate > div
{
transform: translate(-24px, 56px) rotate(45deg);
width:36px;
}
th.rotate > div > span
{
border-bottom: 1px solid #ccc;
padding: 0px 2px;
}
/********************************* Box Styles */
p.info, div.info
{
background-repeat: no-repeat;
background-position: 7px 7px;
padding: 5px 15px 5px 28px;
color: #666;
background-color: #F0F8FA;
border: 1px solid #d3e8ef;
background-image: url('../images/icons/icon_info.png');
overflow: auto;
}
ul.info
{
background-repeat: no-repeat;
background-position: 7px 7px;
padding: 5px 15px 5px 28px;
color: #666;
background-color: #F0F8FA;
border: 1px solid #d3e8ef;
background-image: url('../images/icons/icon_info.png');
overflow: auto;
mc-hidden: hidden; /*hides this in the Flare UI */
}
tr.TableStyle-SWBrandingTableStyle-Body-Body2 p.info, tr.TableStyle-SWBrandingTableStyle-Body-Body2 div.info
{
background-color: #fafafa;
border: 1px solid #c5ced1;
}
p.nugget, div.nugget
{
background-repeat: no-repeat;
background-position: 7px 7px;
padding: 5px 15px 5px 30px;
background-color: #fff3ce;
border: 1px solid #D1BC6B;
background-image: url('../images/icons/icon_hint.png');
overflow: auto;
}
ul.nugget
{
background-repeat: no-repeat;
background-position: 7px 7px;
padding: 5px 15px 5px 30px;
background-color: #fff3ce;
border: 1px solid #D1BC6B;
background-image: url('../images/icons/icon_hint.png');
overflow: auto;
mc-hidden: hidden; /*hides this in the Flare UI */
}
p.check,
div.check
{
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 15px 5px 30px;
background-color: #d3f0cc;
border: 1px solid #00D15D;
background-image: url('../images/icons/icon_check.png');
overflow: auto;
}
p.warning, div.warning
{
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 15px 5px 30px;
background-color: #FFF3CC;
border: 1px solid #FEC405;
background-image: url('../images/icons/icon_warn.png');
overflow: auto;
}
p.error, div.error
{
background-repeat: no-repeat;
background-position: 5px 5px;
padding: 5px 15px 5px 30px;
background-color: #F5E6DF;
border: 1px solid #DA3838;
background-image: url('../images/icons/icon_error.png');
}
/*This prevents extra space at the top of a box that contains a list. */
div.info ul,
div.nugget ul,
div.check ul,
div.warning ul,
div.error ul,
div.good ul,
div.bad ul,
div.info ol,
div.nugget ol,
div.check ol,
div.warning ol,
div.error ol,
div.good ol,
div.bad ol
{
margin-top: 0px;
margin-bottom: 0px;
}
/*This prevents extra space at the top of a box in a div that contains a paragraph. */
div.info > p,
div.nugget > p,
div.check > p,
div.warning > p,
div.error > p,
div.good > p,
div.bad > p
{
margin-top: 0px;
}
/*preventing page breaks within a box that contains multiple paragraphs, and adding space around */
div.info,
div.nugget,
div.check,
div.warning,
div.error,
div.good,
div.bad
{
page-break-inside: avoid;
margin-top: 12px;
margin-bottom: 12px;
}
/* This prevents extra space at the bottom of a box that contains multiple paragraphs. */
div.info > p:last-child,
div.nugget > p:last-child,
div.check > p:last-child,
div.warning > p:last-child,
div.error > p:last-child,
div.good > p:last-child,
div.bad > p:last-child
{
margin-bottom: 0px;
}
/******************************* Breadcrumbs */
a.MCBreadcrumbsLink
{
font-style: italic;
}
a.MCBreadcrumbsLink:visited
{
color: #000000;
}
a.MCBreadcrumbsLink:hover
{
color: #BED230;
}
MadCap|breadcrumbsProxy
{
border-bottom: none;
margin-top: 5px;
font-size: .8em;
font-style: italic;
mc-breadcrumbs-prefix: '';
}
tab-bar-section
{
margin: auto;
}
/****************************************************** Quick Start */
div.topright_vid
{
float: right;
padding-left: 10px;
padding-bottom: 10px;
}
div.top, p.top /*I don't think this is used anywhere. Could probably be removed.*/
{
float: left;
mc-hidden: hidden;
}
img.map
{
height: auto;
min-width: 2in;
clear: right;
position: relative;
}
p
{
clear: left;
}
MadCap|tocProxy
{
orphans: 3;
widows: 3;
}
MadCap|dropDown:link
{
color: #000000;
}
h5
{
mc-heading-level: 0;
}
h6
{
mc-heading-level: 0;
}
/***** Mall Maps *******/
div.mallmap {
border: 1px solid #d9d9d9;
margin-bottom: 12px;
}
div.mallmap p {
text-align: center;
margin-bottom: 1px;
margin-top: 1px;
font-weight: bold;
}
div.mallmap p.title {
color: #7f8c8d;
font-weight: normal;
}
/*div.mallmap span {
color: #d9d9d9;
}*/
div.mallmap span.highlight {
color: #f99d1c;
}
/***************** Print Styles *********************/
@media print
{
MadCap|xref
{
mc-format: '{paratext}';
color: #0079aa;
text-decoration: underline;
}
MadCap|xref.ParaTextOnly
{
mc-format: '{paratext}';
color: #0079aa;
text-decoration: underline;
}
a:link
{
text-decoration: underline;
}
/**************Print headings **/
h1
{
font-size: 32px;
padding-top: 1.5em;
margin-top: initial;
page-break-inside: avoid;
page-break-after: avoid;
}
h2
{
color: #292929;
page-break-inside: avoid;
page-break-after: avoid;
font-size: 26px;
}
h3
{
color: #444;
font-size: 22px;
font-weight: normal;
page-break-inside: avoid;
page-break-after: avoid;
mc-heading-level: 0;
}
h4
{
color: #444;
font-size: 18px;
page-break-inside: avoid;
page-break-after: avoid;
font-weight: normal;
mc-heading-level: 0;
}
h5
{
color: #444;
font-size: 14px;
page-break-inside: avoid;
page-break-after: avoid;
font-weight: normal;
mc-heading-level: 0;
}
h6
{
color: #666;
font-size: 13px;
page-break-inside: avoid;
page-break-after: avoid;
font-weight: normal;
mc-heading-level: 0;
}
h7
{
font-size: 12px;
color: #a1a1a1;
page-break-inside: avoid;
page-break-after: avoid;
font-weight: normal;
mc-heading-level: 0;
}
h8
{
font-size: 12px;
color: #ccc;
page-break-inside: avoid;
page-break-after: avoid;
font-weight: normal;
mc-heading-level: 0;
}
/* Classes to allow people to include H3 and H4 in their TOCs. Higher heading levels are included because the TOC determines the actual heading level in the PDF. */
h1.tocIncluded {
mc-heading-level:1
}
h2.tocIncluded {
mc-heading-level:2
}
h3.tocIncluded {
mc-heading-level:3
}
h4.tocIncluded {
mc-heading-level:4
}
MadCap|dropDownHotspot
{
color: #000000;
font-size: 13pt;
font-style: normal;
font-weight: bold;
margin-top: 1.5em;
}
/**************Avoiding page breaks before images**/
img
{
page-break-before: avoid;
max-height: auto;
max-width: 6.5in;
}
ol p img,
ul p img
{
page-break-before: avoid;
}
/**************Page breaks in paragraphs and list items **/
p,
td
{
orphans: 3;
widows: 3;
}
ol ul,
ol,
ul
{
page-break-before: avoid;
}
li
{
orphans: 3;
widows: 3;
}
img.ignore
{
max-width: auto;
}
li:first-child /*This doesn't work. Leaving it in just in case Flare adds support.*/
{
page-break-before: avoid;
}
MadCap|tocProxy
{
border-top-width: 0px;
border-top-color: #000000;
}
MadCap|variable.TOCheader
{
color: #005496;
display: block;
}
p.TOC1
{
mc-leader-format: 'dot';
margin-top: 8px;
margin-bottom: 8px;
}
p.TOC2
{
mc-leader-format: 'dot';
margin-top: 8px;
margin-bottom: 8px;
}
p.TOC3
{
mc-leader-format: 'dot';
margin-top: 8px;
margin-bottom: 8px;
}
p.TOC4
{
mc-leader-format: 'dot';
margin-top: 8px;
margin-bottom: 8px;
}
nav.tab-bar,
div.sideContent,
.noprint
{
display: none;
}
.changebar
{
border-style: solid;
border-right: 25px #bd0026;
}
div.first_table
{
float: none;
display: inline-block;
width: 100%;
}
MadCap|dropDownHead
{
font-weight: bold;
font-style: normal;
}
MadCap|breadcrumbsProxy
{
mc-breadcrumbs-prefix: ' ';
}
/**************Styles for minitocs generated using MiniTOC proxy in print. These are probably not used. *************/
MadCap|miniTocProxy.BulletProxy
{
border-top: none;
padding-top: 0px;
mc-toc-depth: 1;
}
p.MiniTOC1_0
{
display: list-item;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 20px;
list-style-type: disc;
mc-hidden: hidden;
}
a.MiniTOC1:link
{
font-weight: normal;
font-size: 16px;
color: #0079aa;
text-decoration: none;
}
a.MiniTOC1:hover
{
color: #23677c;
text-decoration: underline;
}
a.MiniTOC1:visited
{
color: #6e9099;
text-decoration: none;
}
div.MCMiniTocBox_0
{
border: none;
padding-top: 0px;
padding-left: 20px;
mc-hidden: hidden;
}
}
/*************** Tabbed content ***************/
div.tabbed-content {
margin: 0 10px 0 40px;
border: 1px solid #292929;
}
div.tabbed-content div.tab-title,div.tabbed-content div.tab-title {
font-weight: bold;
border-top:1px solid #666666;
margin: 0 .3rem;
padding:.5rem .7rem;
}
div.tabbed-content div.tab-title:first-child, div.tabbed-content div.tab-title:first-child {
border-top: 0px;
}
div.tabbed-content div.content-box,div.tabbed-content div.content-box {
border-top:1px solid #cecdcb;
margin:0 .75rem;
padding:.75rem .25rem;
}
.content-box>*:last-child {
margin-bottom:0;
}
/* ************** Release notes styling for Nighthawk ****************** */
.swo_release .release_block h3{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.swo_release .release_block~h2 {
border-top:5px #999 solid;
padding-top:15px;
}
.swo_release .release_block {
border-top:1px #bbb solid;
margin-top:10px;
margin-left:5px;
padding-left:7px;
}
.swo_release h2+.release_block{
border-top:none;
}
.swo_release .release_block+h3{
border-top:5px #999 solid;
padding-top: 15px
}
.swo_release .release_block h4 {
height:1.25em !important;
}
.swo_release .release_block {
border-top:0px #bbb solid;
}
.swo_release .release_block~.release_block {
border-top:1px #bbb solid;
}
.swo_release .MCDropDown_Open+h2{
border-top:3px #999 solid;
}
.swo_release .MCDropDown+h2{
padding-top:15px;
}
.swo_release div.MCDropDown_Closed .dropDownBody {
display: none !important;
}
.swo_release div.MCDropDown_Open .dropDownBody {
display: block !important;
}
.swo_release div.MCDropDown_Closed a.MCDropDownHotSpot.dropDownHotspot.MCDropDownHotSpot_.MCHotSpotImage::after {
content:" for details."
}
.swo_release div.MCDropDown_Open a.MCDropDownHotSpot.dropDownHotspot.MCDropDownHotSpot_.MCHotSpotImage::after {
content:" to close."
}
div#TopicInnards a.anchor_ao,div#TopicInnards a.anchor_ao:link, div#TopicInnards a.anchor_ao:hover, div#TopicInnards a.anchor_ao:visited, div#TopicInnards a.anchor_ao:active {
color:inherit !important;
font-weight: inherit !important;
text-decoration: inherit !important;
cursor: inherit !important;
}
.MCTextPopup span[aria-hidden="true"] {
opacity: 0 !important;
}
@media only screen {
.height-container:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
}
/* Obsolete style. Leaving in because some people have used it to avoid page breaks, but hiding from the Flare UI.*/
p.TaskIntro
{
font-weight: normal;
page-break-after: avoid;
mc-hidden: hidden;
}
/* Used for good and bad examples in the style guide. */
div.good, div.bad {
background-repeat: no-repeat;
background-position: 7px 7px;
padding: 5px 15px 5px 34px;
background-color: #f8f8f8;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
overflow: auto;
page-break-inside: avoid;
mc-hidden: hidden;
}
/* These were added to format good and bad examples in the style guide. The "page-break-before is an attempt to keep bad + good examples together, but it doesn't work. Added .noBreak to keep them together.*/
div.good {
background-image: url('../images/icons/example-good.png');
}
div.bad {
background-image: url('../images/icons/example-bad.png');
}
div.bad + div.good {
margin-top: -14px;
page-break-before: avoid;
break-before: avoid;
}
div.noBreak {
page-break-inside: avoid;
}
button.button.needs-pie.expand-all-button, button.button.needs-pie.collapse-all-button {
border: #db8206 1px solid;
background-color: #f99d1c;
float: right;
height: auto !important;
}
button.button.needs-pie.expand-all-button:before, button.button.needs-pie.collapse-all-button:before {
font-family: 'Roboto';
font-size: 10.5pt !important;
width: auto;
color: #fffbf5;
padding: 7px 14px;
font-weight: bold;
height:auto !important;
display:block;
}
button.button.needs-pie.expand-all-button:before {
content: 'Expand All';
}
button.button.needs-pie.collapse-all-button:before {
content: 'Collapse All';
}
/*
div#TopicInnards a[target="_blank"]::after
{
content:'Opens in new link';
margin-left:5px;
}
*/
/**/
/* Text Popup */
.MCTextPopup
{
cursor: pointer;
text-decoration: none;
}
.MCTextPopupHotSpot
{
cursor: pointer;
background-repeat: no-repeat;
}
.MCTextPopupBody
{
width: 200px;
padding: 11px 15px;
-webkit-box-shadow: 0 4px 10px #8B8B8B;
-moz-box-shadow: 0 4px 10px #8B8B8B;
box-shadow: 0px 2px 8px 0px #00000066;
/*border: none !important;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position: absolute;
left: 0px !important;
top:calc(1em + 14px) !important;
white-space: normal;
filter: alpha( opacity = 0 );
display: none;
opacity: 0.0;
z-index: 10001;
min-width: min-content;
}
.MCTextPopupArrow
{
content: "";
border: solid 13px transparent;
border-bottom-color: #F0F8FA;
border-bottom-width: 13px;
border-top: none;
position: absolute;
top: 0;
left: 50%;
margin-top: -13px;
margin-left: -95px !important;
width: 0;
height: 0;
}
.MCTextPopupBodyBottom .MCTextPopupArrow
{
border: solid 13px transparent;
border-top-color: #d3e8ef;
border-top-width: 13px;
border-bottom: none;
top: auto;
bottom: -13px;
}
.popupBody
{
color: #666;
background-color: #F0F8FA;
border: 1px solid #d3e8ef;
margin: 0px;
padding: 5px;
font-weight: normal;
font-size:14px !important;
line-height:17.5px !important;
text-align:left !important;
}
.MCTextPopup_Open .MCTextPopupBody, .MCTextPopup span[aria-hidden="false"]
{
display: block;
opacity: 1 !important;
}
.MCTextPopup_Closed .MCTextPopupBody, .MCTextPopup span[aria-hidden="true"]
{
display: none;
opacity: 0 !important;
}
#contentBody p a.MCTextPopup.popup.popupHead, div#TopicInnards a.MCTextPopup.popup.popupHead, a.MCTextPopup.popup.popupHead {
display: inline-block;
width: 14px !important;
height: 14px !important;
border-radius: 16px;
margin: 0px 0 0 5px;
position: relative;
background: #F0F8FA;
color:#F0F8FA !important;
font-size: 0px !important;
text-align: center;
line-height: 16px;
vertical-align: super;
box-shadow:
0 0 0 1px #F0F8FA,
0 0 0 2px #d3e8ef;
padding:0;
position: relative;
top: -0.5em;
font-weight:900;
}
#contentBody p a.MCTextPopup.popup.popupHead:after, div#TopicInnards a.MCTextPopup.popup.popupHead:after, a.MCTextPopup.popup.popupHead:after {
color:#0079aa !important;
content:"?";
font-size:12px !important;
}
img+#contentBody p a.MCTextPopup.popup.popupHead, img+div#TopicInnards a.MCTextPopup.popup.popupHead, img+a.MCTextPopup.popup.popupHead {
background:none !important;
border:none !important;
box-shadow:none !important;
margin-left:0 !important;
}