@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700italic,700');
@import url('headerbar.css');
/* ============================== HELP APP SPECIFIC ============================== */
html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 { -webkit-text-size-adjust:none; }
body {
    margin: 0;
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    display: grid;
    grid: "header header" auto  "toc topic" 1fr "toc footer" auto / 310px 1fr;
}
body > header[role='banner'] { grid-area: header; overflow: hidden; }
body > nav#toc               { grid-area: toc; height: 100%; overflow-y: auto; }
body > main                  { grid-area: topic; height: 100%; overflow: hidden; }
body > footer                { grid-area: footer; }
body > main > article {
    height: 100%;
    display: grid;
    grid: "breadcrumbs" auto "topictitle" auto "topicbody" 1fr / 1fr;
}
article > nav#topic-breadcrumbs { grid-area: breadcrumbs; }
article > h1.topictitle1        { grid-area: topictitle; }
article > div.articlebody       { grid-area: topicbody; height: 100%; overflow: auto; }
div.articlebody {
    padding: 0 20px 20px 20px;
    box-sizing: border-box;
    color: #3f3f3f;
}
div.articlebody > * { max-width: 41rem; }
article > h1.title.topictitle1 {
    border-bottom: 1px solid #bfbfbf;
    margin: 0;
    color: #575757;
    font-size: 1.5rem;
    padding: 0px 20px;
}

/* =============================== OVERRIDE PLUGIN FONTS =============================== */
html,
body,
button,
input,
select,
textarea {
    font-family: "Open Sans",arial, sans-serif !important;
    font-weight: 400;
    margin: 0;
}
html,
body { font-size: 16px; }

/* =============================== NAVIGATION / LINKS =============================== */
main a,
.body a,
footer nav a,
.nextlink a.link,
.previouslink a.link,
.prereqlinks a.link,
.breadcrumb a,
a.termlink,
a.xref,
.related-links ul li a,
.related-links ul li a:link,
.related-links ul li a:visited,
.related-links ul li a.xref:link,
.related-links ul li a.xref:visited {
    text-decoration: none;
    font-weight: 600;
    word-wrap: break-word;
    color: #006298;
    position: relative; /* needed for breadcrumb style */
}
main a.termnolink,
main a.termnolink:hover,
main a.termnolink:focus {
    text-decoration: none;
    font-weight: inherit;
    color: inherit;
}
a[target="_blank"]:after {
    content: " external link";
    background-image: url(img/external-link.svg);
    background-image: url(img/external-link.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 2px;
    width: 13px;
    height: 13px;
    text-indent: -10000px;
    background-size: cover;
}
a[href*='.pdf']:before {
    content: " PDF";
    background-image: url(img/pdf-icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -10000px;
    margin-right: 1px;
    width: 1rem;
    height: 1rem;
    background-size: contain;
}
.breadcrumb {
    padding: 2px 20px;
    margin: 0;
    font-size: initial;
    font-weight: lighter;
}
.breadcrumb a { margin-right: 1rem; }
.breadcrumb a:after {
    content: '>';
    width: 0;
    position: absolute;
    right: -0.25rem;
}
main a:hover,
main a:focus,
.body a:hover,
.body a:focus,
footer nav a:hover,
footer nav a:focus,
.nextlink a.link:hover,
.nextlink a.link:focus,
.previouslink a.link:hover,
.previouslink a.link:focus,
.prereqlinks a.link:hover,
.prereqlinks a.link:focus,
.related-links ul li a:hover,
.related-links ul li a:focus,
.related-links ul li a:link:hover,
.related-links ul li a:link:focus,
.related-links ul li a:visited:hover,
.related-links ul li a:visited:focus,
.breadcrumb a:hover,
.breadcrumb a:focus,
a.termlink:hover,
a.termlink:focus,
a.xref:hover,
a.xref:focus { color: #00a9e0; }
.related-links {
    clear: both;
    margin-top: 1em;
}
dl.prereqlinks dd { margin-left: 0px; }

/* Child links */
ul.ullinks {
    padding-left: 0px;
    border-top: 1px solid #bfbfbf;
}
ol.olchildlinks {
    list-style-type: decimal;
    border-top: 1px solid #bfbfbf;
}
strong { font-weight: 600; } /* needed for ff */
.hidden { display: none !important; }

/* scrollbar looks odd between TOC and topic on desktop rendering in Chrome, so: */
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background: rgba(255, 255, 255, 0);
    border-width: 0 1px;
    border-style: none solid;
    border-color: rgba(110, 110, 110, 0.25);
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(110, 110, 110, 0.25);
    /* the following create "padding" for thumb */
    border: 4px solid transparent;
    background-clip: padding-box;
}
#toc {
    padding: 0;
}
#toc a {
    text-decoration: none;
    color: inherit;
    font-weight: 700;
    padding: 8px;
    display: block;
    list-style: none;
    background: transparent;
    margin: 4px 0;
    border-radius: 4px;
    transition: all 0.1s linear;
    width: calc(100% - 20px);
    box-sizing: border-box;
    left: 20px;
    position: relative;
}
 #toc a:hover,
#toc a:focus {
    transition: all 0.05s linear;
    background: white;
} 

#toc .topicref.alert a { border: 2px solid #E70000; }
#toc .topicref.alert a.current { background: #E70000; }
#toc ul {
    margin: 0;
    padding: 0;
}
#toc > ul { margin: 12px; }
#toc ul li { list-style-type: none; }
#toc ul li ul { padding: 0 0 0 20px; }
#toc li.expandable > ul { display: none; }
#toc li.expandable > span.ua_control,
#toc li.collapsible > span.ua_control {
    cursor: pointer;
    float: left;
    width: 20px;
    height: 20px;
    background-position-x: 0%;
    background-position-y: 0%;
    border-radius: 50%;
    display: inline-block;
    top: 8px;
    position: relative;
    margin-right: -12px;
    right: 6px;
}
#toc li.expandable > span.ua_control:before,
#toc li.collapsible > span.ua_control:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
}
#toc li.expandable > span.ua_control:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 9px;
    height: 10px;
    width: 2px;
}
#toc li.collapsible > ul { display: block;  }
div#topic-breadcrumbs { flex: 0 0 auto; }

/* IE header */
_:-ms-fullscreen,
:root .ditasearch { flex: 0 1 auto; }
.ditasearch input[type="text"] {
    font-size: 1.2rem !important;
    border-radius: 4px;
    height: auto;
    font-weight: 700;
    color: #444444;
   }
.ditasearch input {
    width: 98% !important;
    box-sizing: border-box;
    padding: 5px;
    border: none;
}
.ditasearch nav {
    max-width: 600px !important;
    max-height: 40vh !important;
    overflow-y: auto !important;
    background: #545454 !important;
    position: absolute;
    z-index: 9999;
    opacity: 1;
    border: 0 !important;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 0 !important;
    box-sizing: border-box;
    transition: all 0.2s linear;
    width: auto !important;
}
.ditasearch nav ol {
    padding: 14px !important;
    min-height: 20px;
    -webkit-overflow-scrolling: touch;
    list-style-type: none;
}
.ditasearch > nav > ol > li {
    cursor: pointer;
    padding: 14px !important;
    border-radius: 4px;
    background: #484848;
}
.ditasearch nav ol li { margin-bottom: 8px; }
.ditasearch > nav > ol > li.dsselected,
.ditasearch nav ol li:focus,
.ditasearch nav ol li:hover { background-color: #ffffff !important; }
.ditasearch > nav > ol > li.dsselected a,
.ditasearch > nav > ol > li.dsselected p,
.ditasearch nav ol li:focus a,
.ditasearch nav ol li:focus p,
.ditasearch nav ol li:hover a,
.ditasearch nav ol li:hover p { color: #3f3f3f !important; }
.ditasearch nav ol li:active {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    background: #006298 !important;
    color: white !important;
}
.ditasearch nav ol li:active a,
.ditasearch nav ol li:active p { color: #ffffff !important; }
.ditasearch nav ol li a {
     color: #ffffff;
    display: block;
    width: auto;
    margin-bottom: 10px;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    font-weight: 700;
}
.ditasearch nav ol p {
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    background: none;
}
.ditasearch nav.dspending {
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    transition: all 0.05s linear;
    opacity: 0;
}
.no-svg img[src="h5help/img/ua_sprite.svg"],
.no-svg span.ua_control { background-image: url(../img/ua_sprite.png); }

/* ====================================== TOC+TOPIC RESPONSIVE ======================================== */
div#sizer { display: none; }
div#sizer > span.ua_control {
    cursor:pointer;
    position:absolute;
    top: calc(50% - 30px);
    background-image: url(img/arrow-right3.png);
    background-image: url(img/arrow-right3.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 100;
    height: 30px;
    width: 30px;
}
.showtoc div#sizer > span.ua_control {
    background-image: url(img/arrow-left3.png);
    background-image: url(img/arrow-left3.svg), linear-gradient(transparent, transparent);
}
nav#toc,
div#sizer,
main,
body > footer { transition: left .5s; }
@media screen and (max-width: 800px) {
    nav#toc,
    main > article { width: calc(100vw - 30px); }
    div#sizer {
        display: block;
        grid-area: sizer;
        height: 100%;
        width: 30px;
        padding: 0px;        
        cursor: pointer;
    }
    body {
        grid: "header header ." auto "toc sizer topic" 1fr "toc sizer footer" auto / calc(100vw - 30px) 30px calc(100vw - 30px);
    }
    body > footer { grid-area: footer; }
    nav#toc,
    div#sizer,
    main,
    body > footer {
        position: relative;
        left: calc(30px - 100vw);
    }
    body.showtoc > nav#toc,
    body.showtoc > div#sizer,
    body.showtoc > main,
    body.showtoc > footer { left: 0px; }
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
input:-moz-placeholder { color: #999; }

[tabindex] { outline: none; }

/* ====================================== Flagging ====================================== */
.platform-ipad:before {
    content:'iPad only: ';
    font-weight: 600;
}
.otherprops-draft {
    color: #933 !important;
    border: 1px dashed #933;
}
.otherprops-draft:before {
    content:'DRAFT';
    padding: 2px;
    margin: 0px;
    background-color: #933;
    color: #FFF;
    font-weight: 600;
    border-radius: 0px 12px 12px 0px;
}

/* ====================================== CONTENT ====================================== */
.troubleSolution:nth-last-child(1){
    border-top: none;
}
article.nested1,
section + .troubleSolution,
.troubleSolution + .troubleSolution { 
    border-top: 1px solid #bfbfbf; 
    }
.section > h2.sectiontitle,
article.nested1 > .title,
dt.prereq,
.example > h2.sectiontitle {
    color: inherit;
    font-size: 1.25rem;
    font-weight: 800;
    margin-left: 0;
}
.sectiontitle { color: inherit; }
h3.sectiontitle,
h3.topictitle3,
.example > h3.sectiontitle {
    font-size: 1.15em;
    font-weight: 600;
}
h4.sectiontitle {
    font-weight: 800;
    font-size: 1rem;
}
.abstract,
p.shortdesc {
    font-size: 1.25rem;
    margin: 20px 0 28px 0;
}
pre.codeblock {
    /* respect whitespace but wrap to available width */
    white-space: pre-wrap;
    border: 1px solid #d0d3d4 !important;
    box-shadow: 0 0 2px #d0d3d4;
    border-radius: 4px;
    padding: 1em;
    box-sizing: border-box;
}
table pre.codeblock {
    border: none !important;
    box-shadow: none;
    padding: 0em;
}
pre.msgblock,
samp.msgph {
    /* Wrap normally + collapse sequences of whitespace */
    white-space: normal;
    font-family: inherit;
    font-weight: 600;
}
pre.msgblock {
    white-space: pre-line;
    border: 1px solid #c0c0c0;
    padding: 2px 4px;
}
span.apiname { font-weight: bold; }
p.stepsection { font-weight: bold; }

/*  ========================= Show More / Show Less ============================= */
.collapse  button.collapse:hover,
.collapse  button.collapse:active {  
    background-color: #e5eff4;
    color: #004165;
    border-color: #004165;    
}

.collapse  button.collapse:focus{
   background-color: #e5eff4;
    color: #004165;
    border-color: #004165;
    outline-offset: 3px;
    outline: #fa6600 dotted 2px; 
}


.collapse > button.collapse {    
    border-radius: 4px;
    background-color: white;
    display: block;
    padding: 12px 16px;
    text-transform: uppercase; 
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    height: 40px;
    color: #006298;
    border: 2px solid #006298;
    width: 136px;
}


.collapse .cmd ~ *:not(button) {
    display: none;    
}

.collapse.expand .cmd ~ *:not(button) {
    display: block !important;       
}

/* =================================== Definition Lists =================================== */
dl.dl {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 25% calc(75% - 1rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
}
dt.dlterm {
    vertical-align: top;
    grid-column-start: 1;
    font-weight: 600;
}
dd.dd {
   vertical-align: top;
   grid-column-start: 2;
   margin-left: 0px;
}
dd.dd ul,
dd.dd li.li { margin-top: 0px; }
dd.dd p.p { margin-top: 0px !important; }
li.step dd.dd p.p { margin-top: 0px !important; }
dd.dd.ddexpand,
dd.dd.ddexpand dl.dl { margin-top: 0px; }
dd.dd > dl.dl {
    margin-bottom: 0px;
    margin-left: -8rem;
}
dl.dl > dd.dd:first-child > dl.dl { margin-top: 3rem; }
dl[compact] > dt.dlterm { text-align: left; }
td > dl:first-child > dt:first-child { margin-top: 0px; }
td > dl > dd { margin-left: 0px; }
@media screen and (max-width: 500px) {
    dl.dl { display: block; }
    dt.dlterm { display: block; }
    dd.dd {
        display: block;
        margin: .5rem 0px;
    }
    dd.dd dl.dl { margin-left: 2rem; }
}
/* =================================== Notes =================================== */
.note {
    border-radius: 4px;
    background: #87d6f8;
    overflow: hidden;
    align-items: center;
    padding: 10px;
}
.note .note__title {
    padding: 4px 0;
    position: relative;
    display: block;
    width: 100%;
}
.note ul {
    margin: 0;
    padding: 0px 30px;
}
div.note a.xref,
div.note a.termlink,
div.note a.termlink:hover,
div.note a.termlink:active { color: inherit; }
tbody .fig {
    display: flex;
    justify-content: center;
    box-shadow: none;
}
tbody .fig img { width: auto; }
div.note.important {
    background: #E70000;
    color: white;
}
div.tip {
    background: #92278f;
    color: white;
}
div.fastpath {
    background: #3A8200;
    color: white;
}

/*  Lists */
ul.ul { list-style-type: disc; }
ul li,
ol li { list-style-image: none; }
li.li {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

ul[compact] li,
ol[compact] li {
    margin-top: .25em;
    margin-bottom: .25em;
}

ul.sl.simple {
    padding-left: 0px;
}

/* Steps and substeps */
ol.steps,
ol.substeps { list-style-type: none; }
ol.steps { margin: 1.75em 0; }
li.step,
li.substep { position: relative; } /* so number can be positioned absolutely relative to step */
ol.steps > li.step:before,
ol.substeps > li.substep:before,
.li.step.p ol.substeps > li.substep:before {
    display: inline-block;
    position: absolute;
    left: -34px;
    top: 1px;
    font-weight: 700;
    color: white;
    background: #757575;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
}
ol.steps > li.step { counter-increment: steps 1; }
ol.steps > li.step:before { content: counter(steps) " "; }
.li.step.p ol.substeps > li.substep:before { content: counter(steps) " "; }
ol.substeps > li.substep:before { 
    content: counter(substeps, lower-alpha) " "; 
    background: #dfdfdf; 
    color: #3f3f3f;
}
li.step p.p { margin: 0.5em 0 !important; }
ol.steps:not([start]),
ol.steps[start='1'] { counter-reset: steps; }
ol.steps[start='2']  { counter-reset: steps 1; }
ol.steps[start='3']  { counter-reset: steps 2; }
ol.steps[start='4']  { counter-reset: steps 3; }
ol.steps[start='5']  { counter-reset: steps 4; }
ol.steps[start='6']  { counter-reset: steps 5; }
ol.steps[start='7']  { counter-reset: steps 6; }
ol.steps[start='8']  { counter-reset: steps 7; }
ol.steps[start='9']  { counter-reset: steps 8; }
ol.steps[start='10'] { counter-reset: steps 9; }
ol.steps[start='11'] { counter-reset: steps 10; }
ol.steps[start='12'] { counter-reset: steps 11; }
ol.steps[start='13'] { counter-reset: steps 12; }
ol.steps[start='14'] { counter-reset: steps 13; }
ol.steps[start='15'] { counter-reset: steps 14; }
ol.steps[start='16'] { counter-reset: steps 15; }
ol.steps[start='17'] { counter-reset: steps 16; }
ol.steps[start='18'] { counter-reset: steps 17; }
ol.steps[start='19'] { counter-reset: steps 18; }
/* shouldn't need more than 19 */
ol.substeps { counter-reset: substeps; }
ol.substeps > li.substep { counter-increment: substeps; }
.li.step.p ol.substeps > li.substep { counter-increment: steps 1; }

/* checklist */
.ul.checklist { list-style-type: none; }
ul.checklist > li.li:before {
    content: "\2610";
    position: relative;
    right: 1.2em;
    width: 0;
    display: inline-block;
}

/* ======== lists in table cells — un-indent ======== */
td > ol.ol,
td > ul.ul { padding-left: 1.4em; }
td > ul.sl,
td > ul.simple { padding-left: 0em; }
td > ol.ol > li,
td > ul.ul > li { padding-left: .5em; }
td > ol.ol > li > *,
td > ul.ul > li > * { text-indent: 0em; }
/* First-level lists in tables in steps should be numeric, not alpha */
li.step table td > ol.ol[type="a"] { list-style-type: decimal; }

/* ================================================== */
span.uicontrol[class~="keyboard"] {
    text-transform: uppercase;
    background-color: #dfdfdf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 4px;
    margin: 0 4px;
    border: 1px solid #333;
    color: #3f3f3f;
}
span.uicontrol > img {
    padding-right: 0px;
    height: 1.2rem;
    vertical-align: baseline;
    position: relative;
    top: .15rem;
}
.fig {
    overflow: hidden;
    margin: 0.5em 0;
    border-radius: 4px;
}
.fig figcaption {
	font-weight: 600;
	color: inherit;
	margin-bottom: 0.25em;
}
.fig img {
    max-width: 100%;
    height: auto;
}
div.fig.figborder,
iframe.object,
object {
    display: inline-block;
    max-width: 100%;
}
.figborder { border: none !important; }
.figborder img {
    border: 1px solid #d0d3d4 !important;
    box-shadow: 0 0 2px #d0d3d4;
    border-radius: 4px;
}
div.fig.figsides {
    display: inline-block;
    border: none !important;
}
.figsides { border: none !important; }
.figsides img {
    border-left: 1px solid #d0d3d4 !important;
    border-right: 1px solid #d0d3d4 !important;
}
div.fig.top {
    display: inline-block;
    border: none !important;
}
.figtop,
.figbottom,
.figtopbot { border: none !important; }
div.fig.bottom,
div.fig.topbot { display: inline-block; }
.figtop img { border-top: 1px solid #d0d3d4 !important; }
.figbottom img { border-bottom: 1px solid #d0d3d4 !important; }
.figtopbot img {
    border-top: 1px solid #d0d3d4 !important;
    border-bottom: 1px solid #d0d3d4 !important;
}
div.fig > img.image,
div.fig > embed.image { max-width: 100%; }
div.fig > img.image:active { max-width: none; }
div.fig.slide {
    width: 400px;
    background-color: #eee !important;
    border: 2px solid red;
    color: black !important;
    font-style: normal !important;
    padding: 0.25em !important;
    margin: 0.25em;
}
span.b { font-weight: bold; }
.term { font-style: italic; }
.termnolink > .term { font-style: inherit; }
div.prereq { margin-left: 0 !important; }
.ExampleRed { color: red; }
.Math { font-family: 'Times New Roman', 'GFS Didot', STIXGeneral, serif; }
.overline { text-decoration: overline; }
span.uicontrol { font-weight: 600; }
th span.uicontrol,
h1 span.uicontrol,
h2 span.uicontrol,
th samp.msgph,
h1 samp.msgph,
h2 samp.msgph,
.title > span.uicontrol,
span.wintitle { font-weight: inherit; }

/* ====================================== TABLES ====================================== */
table.table,
table.simpletable,
table.choicetable {
    margin: 1em 0;
    border-radius: 2px;
    overflow: hidden;
}
table.table,
table.table tr,
table.table td,
table.table th,
table.simpletable,
table.simpletable tr,
table.simpletable td,
table.simpletable th,
table.choicetable,
table.choicetable tr,
table.choicetable td,
table.choicetable th {
    border: none;
    text-align: left;
    vertical-align: top;
}
table.table,
table.simpletable,
table.choicetable { border: none; }
th,
td { padding: 14px 10px; }
thead tr th {
    color: white;
    background: #006298;
}
table.choicetable tbody th.stentry {
    background: #006298;
    color: #3f3f3f;
}
tbody .strow:nth-child(odd) th.stentry {
    background: #f7f7f7;
    color: #3f3f3f;
}
tbody .strow:nth-child(even) th.stentry {
    background: #dfdfdf;
    color: #3f3f3f;
}
tr:nth-child(odd) td { background: #f7f7f7; }
tr:nth-child(even) td { background: #dfdfdf; }
tbody td { background: #f7f7f7 }
table.table td > *:first-child,
table.table td > strong > *:first-child,
table.table td > * > li:first-child,
table.table th > *:first-child,
table.simpletable td > *:first-child,
table.simpletable td > strong > *:first-child,
table.simpletable td > * > li:first-child,
table.simpletable th > *:first-child,
table.choicetable td > *:first-child,
table.choicetable td > strong > *:first-child,
table.choicetable td > * > li:first-child,
table.choicetable th > *:first-child {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
table.table, 
table.simpletable, 
table.choicetable  { width: 100%; }
table.simpletable.expanse-page, 
table.simpletable.expanse-spread, 
table.choicetable.expanse-page, 
table.choicetable.expanse-spread, 
table.choicetable.expanse-column, 
pre.codeblock.expanse-page, 
figure.expanse-page,
table.simpletable.table--pgwide-1,
table.table.table--pgwide-1 { width: calc(100vw - 360px); }
table caption {
    text-align: left;
    font-weight: bold;
}
/* ======= side by side sections ====== */
@media screen { div.bodydiv.sidebyside > div.section,
div.bodydiv.sidebyside > div.bodydiv { display: inline-block; margin-right: 30px; } }

/* ====================================== COPYRIGHT ====================================== */
body > footer {
    clear:both;
    border-top: 1px solid #bfbfbf;
    text-align: center;
    padding: 5px 20px 10px 20px;
}

/* ====================================== args.ftr ====================================== */
footer nav {
    text-align: center;
    margin-top: .5em;
}

/* ====================================== FUTURE ====================================== */
div.fn {
    font-size: .9rem !important;
    line-height: 10.5pt;
    width: 3in;
    border-top: 1px solid #ccc;
    clear:both;
    margin-top: 0 !important;

}
span.data.userdata { color: #0b79bd; }

/* ==================== API ==================== */
div.body.api div.example {
    margin: 0px 0px 4px -4px;
    background-color: #D8EED0;
    background: -webkit-linear-gradient(top,#D8EED0,#b6ccae);
    background: -moz-linear-gradient(left,#D8EED0,#b6ccae);
    background: linear-gradient(left,#D8EED0,#b6ccae);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0px 4px;
    border: 1px solid #7AB362;
}
div.body.api div.example dd.dd { margin-left: 0px; }
@media screen and (min-width: 1199px) {
    div.body.api > div.bodydiv,
    div.body.api > div.example { width: 48%; vertical-align: top; float: right; }
}

/* ==================== MathJax ==================== */
div.MathJax_Display {
    text-align: left !important;
    margin: 0 !important;
}

/* ==================== Video Tutorial Scripts ==================== */
.vtscript[data-audience="internal"] {
    display: inline-block !important;
    color: white;
    background: #369;
    padding: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.vtscript[data-audience="internal"] a,
.vtscript[data-audience="internal"] a:link,
.vtscript[data-audience="internal"] a:visited { color: #A5D8FF; }
.vtscript th,
.vtscript td[id] { background: none; }
.small-caps { font-variant:small-caps; }

/* ======================= Custom Styles for Embedded User Assistance ======================= */
html > body.embeddedUA {
    margin: 0;
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    display: grid;
    grid: "embeddedUA" 1fr / 1fr;
}
body.embeddedUA > header[role='banner'],
body.embeddedUA > nav#toc,
body.embeddedUA > div#sizer,
body.embeddedUA > main > article > nav#topic-breadcrumbs,
body.embeddedUA > footer { display: none; }
body.embeddedUA > main { 
    grid-area: embeddedUA; 
    height: 100vh; 
    overflow: hidden; 
    left: 0;
    width: 100vw;
    transition: left 0s;
}
body.embeddedUA > main > article {
    height: 100%;
    display: grid;
    grid: "topictitle" auto "topicbody" 1fr / 1fr;
    width: 100vw;
}
body.embeddedUA > main > article > h1.topictitle1 {
    grid-area: topictitle;
    font-size: 18px;
    font-family: "Open Sans Condensed", "Arial Narrow", sans-serif;
    padding: 8px 50px 8px 10px;
    color: #333;
}
body.embeddedUA > main > article > div.articlebody {
    grid-area: topicbody;
    height: 100%;
    overflow: auto;
    padding: 0 10px 10px 10px;
    color: #000000;
}
body.embeddedUA > main > article > div.articlebody,
body.embeddedUA div.body > p.shortdesc,
body.embeddedUA table.simpletable,
body.embeddedUA table.simpletable td,
body.embeddedUA table.simpletable th,
body.embeddedUA table.simpletable tr { font-size: 13px; font-style:normal; }
.onlyembeddedUA { display: none; }
body.embeddedUA .onlyembeddedUA { display: initial; }
body.embeddedUA *[data-deliverytarget~='help'] { display: none; }
body.embeddedUA *[data-deliverytarget~='help'][data-deliverytarget~='ua'] { display: initial; }
body.embeddedUA div[data-deliverytarget~="ua"][data-deliverytarget~="help"] { display: block; }
body.embeddedUA div.body table td[headers] > strong { font-weight:normal; }
body.embeddedUA div.body span.data.userdata { color: #000000; font-weight: bold; }
body.embeddedUA > main > article > div.articlebody > div.feedback { display: none; }

/* Spinner */
@keyframes spinner-border { 100% {transform: rotate(360deg);} }
.spinner {
    animation: 0.75s linear 0s infinite normal none running spinner-border;
    border-color: rgb(0, 98, 152) transparent rgb(0, 98, 152) rgb(0, 98, 152);
    border-style: solid;
    border-width: 2px;
    border-image: none 100% / 1 / 0 stretch;
    border-radius: 50%;
    display: inline-block;
    height: 48px;
    width: 48px;
}

/* Styles for interactive learning content */
div[data-only] { display: none; }
.section.lcChallenge {
    font-family:"Open Sans", Arial, sans-serif ;
    padding: 0px;
    border: 6px solid #d7d2c8;
    width: 520px;
    height: 220px;
    overflow: hidden;
}
.fig.lcInteractionBase.lcSingleSelect {
    margin: 10px;
    padding: 0px;
    width: 500px;
    height: 200px;
    -webkit-transition: margin 1s;
    -moz-transition: margin 1s;
    transition: margin 1s;
}
.fig.lcInteractionBase.lcSingleSelect.answered {
    margin-top: -215px;
    -webkit-transition: margin 1s;
    -moz-transition: margin 1s;
    transition: margin 1s;
}
.p.lcQuestionBase.lcQuestion {
    padding: 0px 4px;
    overflow:hidden;
    height: 94px;
    -webkit-transition: height .5s, margin .5s;
    -moz-transition: height .5s, margin .5s;
    transition: height .5s, margin .5s;
}
.lcSingleSelectTitle {
    font-family:"Open Sans", Arial, sans-serif ;
    font-size: 1em;
    height: 22px;
    background: #d7d2c8;
    color: #333;
    padding: 4px;
    margin-bottom: 0px;
}
.lcAnswerContent { display: inline-block; }
.lcAnswerContent > input[type="radio"] { display: none; }
.buttonified,
.lcAnswerContent > label {
    display: block;
    width: 190px;
    line-height: 42px;
    padding: 0 15px;
    background: #3A8200;
    border: 1px solid #3A8200;
    border-radius: 5px;
    overflow:hidden;
    text-align:center;
    vertical-align: middle;
    font-family:"Open Sans", Arial, sans-serif ;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}
a.xref.buttonified,
.xref.buttonified {
    color: #ffffff;
    width: 375px;
    margin-left: auto;
}
.buttonified:hover,
.lcAnswerContent > label:hover,
.buttonified:focus,
.lcAnswerContent > label:focus {
    background-color: #234f00;
    border-color: #234f00;
    cursor:pointer;
}
.buttonified:active,
.lcAnswerContent > label:active {
    background-color: #0c1c00;
    border-color: #0c1c00;
    cursor:pointer;
    color: #ffffff;
}
.buttonified > span,
.lcAnswerContent > label > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 120%;
}
.fig.lcInteractionBase.lcSingleSelect.answered .lcAnswerContent > label {
    background: #dddddd; /* disabled gray */
    border-color: #dddddd; /* disabled gray */
    box-shadow: 1px 1px transparent;
    font-size: 13px;
    color: #aaaaaa; /*light gray*/
}
.fig.lcInteractionBase.lcSingleSelect.answered .lcAnswerContent > input[type="radio"]:checked + label {
    background: #0c1c00;
    border-color: #0c1c00;
    box-shadow: 1px 1px #6e6e6e;
    font-size: 14px;
    color: #ffffff;
}
.lcFeedback { display: none; }

/* @outputclass colors for symbols */
.color-red { color: red; }
.color-dd0000,
.color-d00 { color: #d00; }
.color-00aa00 { color: #0a0; }
.color-blue { color: blue; }

/* ============ MathJax 2.4 Formatting Bug ============ */
.MathJax nobr > span.math > span {border-left-width:0 !important}

@media print {
    body { margin: 0; height: auto; width: auto; display: block; }
    body > nav#toc { display: none; }
    body > main { height: auto; overflow:auto; }
    body > main > article { height: 100%; display: block; }
    main > article > nav#topic-breadcrumbs,
    main > article > div.articlebody nav.related-links { display: none; }
    main > article > div.articlebody { height: auto; overflow: auto; }
}