/*
 * Based on Dreamweaver Elastic Layout CS4 or thereabout
 * with all the Elastic features removed and some Fluid and Fixed added
 */

:root {
  --Milestone-Clear-Blue: #0099DA;
  --Milestone-Clear-Blue-70: #0099DA; /*#41ADD8;*/
  --Milestone-Yellow: #FFE700;
  --Milestone-Blue-Gray: #9DADB7;
  --Milestone-Dark-Blue: #023852;
  --Milestone-Sand: #9E9D8E;
  --Milestone-Digital-Copy: #303436;
}

body {
  font-family: "Noto Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  color: #000;
  background-color: #fff;
  margin: 0;
  padding: 0;
}
article {
  max-width: 1000px;
  margin: 2rem auto;
  margin-left: 2rem;
  background-color: #fff;
  font-size: 17px;
  color: #000000;
  padding: 0;
}
header {
  padding: 0;
}
header h1 {
  margin: 0;
  font-size: 2rem;
  color: var(--Milestone-Clear-Blue);
}
.mainmenu {
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
}
.headermenu {
  height: 78px;
  font-size: 12px;
  color: white;
  background-color: var(--Milestone-Clear-Blue-70);
}
.footermenu {
  font-size: 12px;
  color: white;
  background-color: var(--Milestone-Clear-Blue-70);
}

/* tree_*.html: slightly smaller body font in TOC */
/* content_1.html: one note */
/* authorization.html: a few keywords */
div.bread {
  font-size: 12px;
  font-weight: normal;
  line-height: 150%;
  color: #333;
}

.Heading1 {
  font-size: 2.25rem;
  font-weight: normal;
  color: #008ac6;
}
h1.title,
.Heading2 {
  font-size: 1.25rem;
  padding-top: 1rem;
}
.Heading3 {
  font-size: 1rem;
  color: #008ac6;
  font-style: italic;
}
.Heading4 {
  font-size: 0.875rem;
  font-weight: bold;
}
h2 {
  font-size: 1.125rem;
  color: #666;
}
h3 {
  font-size: 1rem;
  background-color: #eee;
  color: #333;
  padding: 0.5rem;
}
h4 {
  font-size: 0.875rem;
  color: #000;
}
textarea {
  font-size: 1em
}
ul {
  font-size: 1em;
  list-style-type: square;
  list-style-position: outside
}

figure {
  margin:0;
}

figcaption {
  font-style:italic;
}

img {
    max-width: 100%;
    height: auto;
}


/* LwDITA HDITA style elements */

ol.steps > li {
  padding: 0.5rem;
}
ol.steps li p:first-child {
  margin-top: 0px;
}
ol.steps li p:last-child {
  margin-bottom: 0px;
}

pre {
  font-size: 9.5pt;
  font-family: Consolas, monospace;
}
code {
  font-family: Consolas, monospace;
}

table {
  border-collapse: collapse;
}
td, th {
  padding: 0.5rem;
}
th {
  text-align: initial;
}
td p, th p {
  margin: 0px;
}
td pre, th pre {
  margin: 0px;
}

/* Legacy tables */

.bread table.tree{
    margin-top: 8px;
    max-width: 275px;
    font-size:14px;
   /* line-height: 1em; */
}

.bread table.tree:not(#resultTree1){
    float: right;
}

table.milestonefooter td,
table.milestoneheader td,
table.headermenu td,
table.tree td,
td.bread {
  padding: 0px;
}
table.headermenu {
  border-spacing: 5px;
  border-collapse: separate;
}

summary {
  list-style: none; 
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
 } 

/* Custom chevron */
summary::after {
  content: '›'; 
  display: inline-block;
  font-size: 20px;
  transform: translateY(1px);
  transition: transform 0.1s ease;
  margin-left: 0.5em;
}

/* Rotate when open */
details[open] summary::after {
  transform: translateY(3px) rotate(90deg);
}


/* LwDITA HDITA style headings */
section.level2 h2,
h2.sectiontitle {
  color: #000;
  font-size: 14px;
  font-weight:bold;
  font-style:italic;
}


/*Links in general */
a:link {color: #0066ff; text-decoration: none; }
a:visited {color: #4a57ca; text-decoration: none; }
a:hover {color: #0284fd; text-decoration: underline; }
a:active {color: #f7941d; }

/* Links in menus */
a.mainmenu:link,
.headermenu a:link,
.footermenu a:link {
  color: white; text-decoration: none;
}
a.mainmenu:visited,
.headermenu a:visited,
.footermenu a:visited {
  color: white; text-decoration: none;
}
a.mainmenu:hover,
.headermenu a:hover,
.footermenu a:hover {
  color: white; text-decoration: underline;
}
a.mainmenu:active,
.headermenu a:active,
.footermenu a:active {
  color: white;
}

/* Breadcrumb links*/
a.bread:link {
  /* color: #008ac6; text-decoration: none; */
  color: #838486;
}
a.bread:visited {
  /* color: #68AEE0; text-decoration: none; */
   color: #838486;
}
a.bread:hover {
  /* color: #006aa6; text-decoration: underline; */
    color: #838486; text-decoration: underline;
}
a.bread:active {
  color: 838486;
}


.bread ul {
  list-style: none;
  padding: 0;
  margin: 15px 0 30px 0;
}

.bread li {
padding: 0.2rem 0 0.2rem 6px;
  border-left: 3px solid transparent;
  transition: background 0.2s, border-color 0.2s;
}

.bread li:hover {
  background-color: #f4f8fb;
  border-left-color: var(--Milestone-Clear-Blue);
  cursor: pointer;
}

.bread li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

/* tree_*.html */
/* mipv*_intro.html */
/* index_*.html */

.bullit {
  list-style-image: url(../images/blue_bullet_pointing_right.png);
  margin:0;
  padding-left:0px;
  background-image: none;
  background-repeat:no-repeat;
  background-position:0px 5px;
  text-decoration: none;
  height:100%;
}
.bullit2 {
  list-style-image: url(../images/blue_bullet_pointing_right.png);
  list-style-position: inside;
  margin:0;
  padding-left:10px;
  background-image: none;
  background-repeat:no-repeat;
  background-position:0px 5px;
  text-decoration: none;
  height:100%;
}
.bullit3 { /* pri: not used */
  list-style-image: url(../images/blue_bullet_pointing_right.png);
  list-style-position: inside;
  margin:0;
  padding-left:20px;
  background-image: none;
  background-repeat:no-repeat;
  background-position:0px 5px;
  text-decoration: none;
  height:100%;
}

/* headfrm */
.curLocationButton {
  background-image: url(../images/link-white.svg);
  background-size: 20px;
  width:24px; height:24px;
  background-repeat:no-repeat;
  background-position:0 3px;
  text-decoration: none;
  color:#000055;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.searchButton {
  background-image: url(../images/search-white.svg);
  background-size: 20px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  text-decoration: none;
  color: #000055;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.aboutButton { /* pri: not used */
  background-image: url(../images/Info_Round_Blue16n_i8.ico);
  background-size: 20px;
  width:24px; height:24px;
  background-repeat:no-repeat;
  background-position:0 3px;
  text-decoration: none;
  color:#000055;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.backButton {
  background-image: url(../images/go-back-white.svg);
  background-size: 20px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  text-decoration: none;
  color: #000055;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.homeButton { /* pri: not used */
  background-image: url(../images/Home.ico);
  background-size: 20px;
  width:24px; height:24px;
  background-repeat:no-repeat;
  background-position:0 3px;
  text-decoration: none;
  color:#000055;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}

/* intro_accesscontrol.html */
.table1 {
  border-color: #e2e2e2;
  border: 1px;
}

/* intro_soap_protocols.html */
#sdkTable {
  border-collapse: collapse;
  width: 100%;
}
#sdkTable td, #sdkTable th {
  border: 1px solid #ddd;
  padding: 8px;
}
#sdkTable tr:nth-child(even) {
  background-color: #f2f2f2;
}
#sdkTable tr:hover {
  background-color: #ddd;
}
#sdkTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #4CAF50;
  color: white;
}


/*
    Milestone Flare styles
*/

.inputtext,
.specialbold,
.uitext {
    font-weight: 600;
}

/* Admonitions */

blockquote {
    background-color: rgb(249, 249, 249);
    border-left: 4px solid rgb(211, 211, 211);
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    page-break-inside: avoid;
}

.important {
    background-color: rgb(251, 228, 213);
    border-left: 4px solid rgb(196, 89, 17);
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    page-break-inside: avoid;
}


.note {
    background-color: rgb(217, 226, 243);
    border-left: 4px solid rgb(0, 153, 218);
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    page-break-inside: avoid;
}

.tip {
    background-color: rgb(226, 239, 217);
    border-left: 4px solid rgb(83, 129, 53);
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    page-break-inside: avoid;
}

.important > h4,
.note > h4,
.tip > h4 {
  margin-block-start: 1em;
}

/*
  pandoc default code highlighting, pygments style
*/

pre > code.sourceCode {
    white-space: pre;
    position: relative;
}

pre > code.sourceCode > span {
    display: inline-block;
    line-height: 1.25;
}

pre > code.sourceCode > span:empty {
    height: 1.2em;
}

code.sourceCode > span {
    color: inherit;
    text-decoration: inherit;
}

div.sourceCode {
    margin: 1em 0;
}

pre.sourceCode {
    margin: 0;
}

@media screen {
    div.sourceCode {
        overflow: auto;
    }
}

@media print {
    pre > code.sourceCode {
        white-space: pre-wrap;
    }

    pre > code.sourceCode > span {
        text-indent: -5em;
        padding-left: 5em;
    }
}

pre.numberSource code {
    counter-reset: source-line 0;
}

pre.numberSource code > span {
    position: relative;
    left: -4em;
    counter-increment: source-line;
}

pre.numberSource code > span > a:first-child::before {
    content: counter(source-line);
    position: relative;
    left: -1em;
    text-align: right;
    vertical-align: baseline;
    border: none;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 4px;
    width: 4em;
    color: #aaaaaa;
}

pre.numberSource {
    margin-left: 3em;
    border-left: 1px solid #aaaaaa;
    padding-left: 4px;
}

div.sourceCode {
}

@media screen {
    pre > code.sourceCode > span > a:first-child::before {
        text-decoration: underline;
    }
}

code span.al {
    color: #ff0000;
    font-weight: bold;
}
/* Alert */
code span.an {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}
/* Annotation */
code span.at {
    color: #7d9029;
}
/* Attribute */
code span.bn {
    color: #40a070;
}
/* BaseN */
code span.bu {
}
/* BuiltIn */
code span.cf {
    color: #007020;
    font-weight: bold;
}
/* ControlFlow */
code span.ch {
    color: #4070a0;
}
/* Char */
code span.cn {
    color: #880000;
}
/* Constant */
code span.co {
    color: #60a0b0;
    font-style: italic;
}
/* Comment */
code span.cv {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}
/* CommentVar */
code span.do {
    color: #ba2121;
    font-style: italic;
}
/* Documentation */
code span.dt {
    color: #902000;
}
/* DataType */
code span.dv {
    color: #40a070;
}
/* DecVal */
code span.er {
    color: #ff0000;
    font-weight: bold;
}
/* Error */
code span.ex {
}
/* Extension */
code span.fl {
    color: #40a070;
}
/* Float */
code span.fu {
    color: #06287e;
}
/* Function */
code span.im {
}
/* Import */
code span.in {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}
/* Information */
code span.kw {
    color: #007020;
    font-weight: bold;
}
/* Keyword */
code span.op {
    color: #666666;
}
/* Operator */
code span.ot {
    color: #007020;
}
/* Other */
code span.pp {
    color: #bc7a00;
}
/* Preprocessor */
code span.sc {
    color: #4070a0;
}
/* SpecialChar */
code span.ss {
    color: #bb6688;
}
/* SpecialString */
code span.st {
    color: #4070a0;
}
/* String */
code span.va {
    color: #19177c;
}
/* Variable */
code span.vs {
    color: #4070a0;
}
/* VerbatimString */
code span.wa {
    color: #60a0b0;
    font-weight: bold;
    font-style: italic;
}
/* Warning */