@charset "UTF-8";

html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

button.cse .gsc-search-button, .gsc-search-button-v2 {
    font-size: 16px !important;
    padding: 3px 12px !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.gsc-result .gs-title {
    height: 1.5em !important;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  word-wrap: normal;
  word-break: keep-all;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1rem;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-family: segoe-ui_bold, 'Segoe UI Bold', 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  color: inherit;
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* HTML Tags */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  height: 100%;
}

body {
  background: #fff;
  color: #222;
  font-size: 100%;
  line-height: 160%;
  min-height: 100%;
  height: auto !important;
  /* combatting livefyre setting, so flexbox works in Safari 9.3 */
}

a {
  color: #0050C5;
  cursor: pointer;
  text-decoration: none;
  word-wrap: break-word;
}

.theme_night a {
  color: #00a4f3;
}

a:hover {
  color: #0078d7;
  text-decoration: underline;
}

a:active {
  color: #0078d7;
}

a:visited {
  color: #0078d7;
}

small {
  font-size: 11px;
}

code {
  border-radius: 2px;
  border: 1px solid #d3d6db;
  background-color: #f9f9f9;
  display: inline-block;
  font-size: 0.875rem;
  padding: 2px 3px;
}

pre {
  overflow: auto;
  padding: 16px;
  margin: 1rem 0;
  font-size: 0.875rem;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #d3d6db;
  background-color: #f9f9f9;
}

pre code {
  border: 0;
  padding: 0;
  display: block;
}

p {
  margin-top: 1rem;
  margin-bottom: 0;
}

p code {
  font-size: 0.875rem;
}

.table td > code {
  border: 0px none;
  background-color: rgba(0,0,0,0);
}

.table td > p {
	margin-top: 0 !important;
}

.theme_night pre, .theme_night code {
  border-color: #333;
  background-color: #222324;
  color: #fafcfe;
}

main .container {
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  position: relative;
}

main .container::before, main .container::after {
  content: " ";
  display: table;
}

main .container::after {
  clear: both;
}

.mainContainer[dir='rtl'] main ul.clean,
.mainContainer[dir='rtl'] main ol.clean,
main ul.clean,
main ol.clean,
ul, ol {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

ul.default,
ol.default,
main ul,
main ol {
  margin: 16px 0 16px 38px;
}

.mainContainer[dir='rtl'] ul.default,
.mainContainer[dir='rtl'] ol.default,
.mainContainer[dir='rtl'] main ul,
.mainContainer[dir='rtl'] main ol {
  margin: 16px 38px 16px 0;
}

.alert ul.default,
.alert ol.default,
main .alert ul,
main .alert ol {
  line-height: 1.8;
  margin-left: 16px;
}

ul.default > li,
ol.default > li,
main ul > li,
main ol > li {
  list-style: disc outside none;
}

ol.default > li,
main ol > li {
  list-style-type: decimal;
  margin-left: 20px;
}

ul.default > li > ul.default > li,
main ul > li > ul > li {
  list-style-type: circle;
}

main ul ul {
  margin: 0 0 0 20px;
}

main ul ul > li {
  list-style-type: circle;
}

main ul ul ul > li {
  list-style-type: square;
}

main ol ol {
  margin: 0 0 0 20px;
}

main ol ol > li {
  list-style-type: lower-alpha;
}

main ol ol ol > li {
  list-style-type: lower-roman;
}

.mainContainer[dir='rtl'] main ul ul {
  margin: 0 20px 0 0;
}

.mainContainer[dir='rtl'] main ol ol {
  margin: 0 20px 0 0;
}

h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  margin-bottom: 12px;
  margin-top: 10px;
  word-wrap: normal;
}

h1,
h2.likeAnH1 {
  font-size: 2.5rem;
  margin-bottom: 0;
  margin-top: 10px;
}

h2 {
  font-size: 1.75rem;
  margin-top: 32px;
}

h3 {
  font-size: 1.188rem;
  margin-top: 30px;
  margin-bottom: 18px;
}

h4 {
  font-size: 1rem;
  margin-top: 36px;
  margin-bottom: 6px;
}

h5 {
  font-size: 0.9rem;
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px;
}

h6 {
  font-size: 0.8rem;
  letter-spacing: 1px;
  margin-top: 36px;
  margin-bottom: 6px;
}

select {
  display: inline-block;
  overflow: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 0 30px 0 6px;
  vertical-align: middle;
  height: 28px;
  border: solid 1px #e3e3e3;
  font-size: 0.75rem;
  line-height: 16px;
  outline: 0;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  /*background-image: linear-gradient(45deg, transparent 50%, #707070 50%), linear-gradient(135deg, #707070 50%, transparent 50%) !important;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-33.9 0z'/%3E%3C/svg%3E") !important;
  height: 50px;
  width: 50px;
  background-position: calc(100% - 6px) 11px, calc(100% - 8px) 11px;
  background-size: 10px 10px, 10px 11px;
  background-repeat: no-repeat;
  background-color: #fcfcfc !important;
}
/*For IE*/
select::-ms-expand { display: none; }

select:focus {
  border-color: #aeb1b5;
  outline: 1px solid #0050C5;
}
/* 
Removes the dotted focus ring on selects in firefox that appears when __tabbing__ onto a select element.
At the time this was written, the selector needed an ancestor  to work properly. 
"select:-moz-focusring" on it's own doesn't work for some reason.
*/
body select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

#footer select:focus {
  outline: 2px solid #0050C5;
}

select::-ms-expand {
  display: none;
}

html.highContrast select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  background-image: none;
  padding-right: 0;
}

html.highContrast select::-ms-expand {
  display: block;
}

input[type=search] {
  border: 1px solid #A9A9A9;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

input[type=search]:focus {
  outline: 1px solid #0050C5;
}

html.theme_night body {
  background-color: #1a1a1a;
  color: #ccc;
}

html.theme_night input[type=search] {
  color: #333;
}

.theme_night select {
  background-color: #1a1a1a;
  border-color: #2e2e2e;
}

option {
  padding: 0;
  margin: 0;
}

hr {
  height: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e3e3e3;
}

.theme_night hr {
  border-color: #2e2e2e;
}

input::-ms-clear {
  display: none;
}

.clearFix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

/* CSS web fonts, font-family, font-style, font-weight, etc. */
html, body {
  font-family: segoe-ui_normal, "Segoe UI", Segoe, "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
}

code, kbd, pre, samp {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif;
  line-height: 19px;
}

h1, h2.likeAnH1 {
  font-family: segoe-ui_light, "Segoe UI Light", "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
}

h3, h4, h5, h6 {
  font-family: segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
}

@font-face {
  font-family: 'icons';
  src: url("../fonts/docs_icons.eot");
  src: url("../fonts/docs_icons.eot") format("embedded-opentype"), url("../fonts/docs_icons.ttf") format("truetype"), url("../fonts/docs_icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .alert h5:before {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'segoe-ui_normal';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot");
  src: local("Segoe UI"), local("Segoe"), local("Segoe WP"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'segoe-ui_light';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot");
  src: local("Segoe UI Light"), local("Segoe WP Light"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'segoe-ui_semibold';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot");
  src: local("Segoe UI Semibold"), local("Segoe WP Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'segoe-ui_bold';
  src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot");
  src: local("Segoe UI Bold"), local("Segoe WP Bold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.eot?#iefix") format("embedded-opentype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
  font-weight: bold;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "segoe-ui_normal";
    src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg") format("svg");
  }
  @font-face {
    font-family: "segoe-ui_light";
    src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg") format("svg");
  }
  @font-face {
    font-family: "segoe-ui_semibold";
    src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg") format("svg");
  }
  @font-face {
    font-family: "segoe-ui_bold";
    src: url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg") format("svg");
  }
}

/* Color Table */
/* From C+E brand guideline */
/* Breakpoints */
/* Misc */
/* Color Table */
/* TODO: Could use postcss-color-func to invert the color */
/*$callout-invert: invert($callout);*/
/* TODO: Could use postcss-color-func to invert the color */
/* Text */
/* TODO: Could use postcss-color-func to invert the color */
/* Code */
/* Links */
/* Controls */
/* Typography */
html {
  font-size: 100%;
  overflow-y: scroll;
}

code {
  direction: ltr;
}

.vector-icon {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  fill: currentColor;
}

.screenReader {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.textAccent1 {
  color: #d83b01;
}

.textAccent2 {
  color: #009ba5;
}

.bgdAccent1 {
  background-color: #E4EDF1;
}

span.likeALabel {
  color: #6e6e6e;
  font-style: italic;
}

.theme_night span.likeALabel {
  color: #828282;
}

div.button a, div.step-by-step a {
  position: relative;
  display: inline-block;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  vertical-align: top;
  padding: 0.2em 0.7em;
  border-radius: 2px;
  border: 0;
  background-color: #0050C5;
  color: #fcfcfc;
}

.theme_night div.button a, .theme_night div.step-by-step a {
  background-color: #0050C5;
  color: #1a1a1a;
}

div.button a:focus, div.step-by-step a:focus {
  background-color: #0050C5;
  color: #f5f5f5;
}

div.button a:hover, div.step-by-step a:hover {
  background-color: #0050C5;
  color: #f5f5f5;
}

.theme_night div.button a:hover, .theme_night div.step-by-step a:hover {
  background-color: #0050C5;
  color: #242424;
}

div.step-by-step a {
  margin: 0.1em 0.5em;
}

.theme_night div.step-by-step {
  border-color: #2e2e2e;
}

/* Make hidden attribute compatible with old browser.*/
[hidden] {
  display: none !important;
}

/* Container and iFrame styles for embedded video */
div.embeddedvideo {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

div.embeddedvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.codeHeaderTitle {
  font-family: segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 24px;
}

.codeHeader {
  background-color: #f5f5f5;
  color: #707070;
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  margin-top: 16px;
  min-height: 30px;
}

html.theme_night .codeHeader {
  border-color: #333;
  background-color: #222324;
  color: #ccc;
}

.alert .codeHeader {
  line-height: 25.6px;
}

.codeHeaderTitle + .codeHeader {
  margin-top: 4px;
}

.codeHeader > .language {
  padding: 2px 16px;
  flex-grow: 1;
}

.codeHeader > .action {
  padding: 2px 10px;
  background: transparent;
  border: 0 solid #e0e0e0;
  color: #707070;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: normal;
}

.codeHeader > .action:before {
  display: inline-block;
  margin-right: 3px;
  height: .8rem;
  width: .8rem;
}

.codeHeader > .action.copy:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23707070' d='M13 6.8V14H4v-3H0V0h5.2l3 3h1L13 6.8zM4 3h2.8l-2-2H1v9h3V3zm8 5H8V4H5v9h7V8zM9 7h2.8L9 4.2V7z'%3E%3C/path%3E%3C/svg%3E");
}

.codeHeader > .action.tryIt:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23707070' d='M2.8 4.7l.7-.7L7 7.5 3.5 11l-.7-.7 2.8-2.8zM8 11h3v-1H8zM0 0v14h14V0H0zm13 13H1V1h12v12z'%3E%3C/path%3E%3C/svg%3E");
}

.codeHeader > .action.run:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23707070' fill-rule='evenodd' d='M4 14l6-6-6-6z'%3E%3C/path%3E%3C/svg%3E");
}

/*
.codeHeader > .action.githubCircle:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23707070' d='M14 7c0 1-.2 1.9-.6 2.8-.4.9-1 1.7-1.7 2.3-.7.7-1.6 1.1-2.5 1.5h-.4c-.1-.1-.1-.2-.1-.3v-1.9c0-.6-.2-1-.5-1.3 1-.1 1.7-.4 2.2-.8.7-.6 1-1.4 1-2.7 0-.7-.2-1.4-.7-1.9.1-.2.1-.4.1-.6 0-.4 0-.8-.2-1.2h-.2c-.2 0-.4.1-.6.2-.3.1-.7.2-1 .5-.6-.2-1.2-.2-1.8-.2s-1.2.1-1.8.2c-.3-.3-.7-.4-1-.6-.3-.1-.5-.1-.7-.1h-.2c-.2.4-.2.8-.2 1.2 0 .2.1.4.1.6-.4.6-.7 1.2-.7 1.9 0 1.2.3 2.1 1 2.7.5.4 1.3.7 2.2.8-.2.2-.4.5-.4.9-.3.1-.6.2-.9.2-.5 0-.8-.3-1.1-.7l-.1-.2-.4-.4c-.2-.1-.4-.2-.6-.2H2c-.1 0-.1.1-.1.1s.1.2.3.3l.1.1.3.3.3.6.1.3c.1.1.2.3.3.4.2.2.4.3.7.3.4.1.7.1 1.2 0v1.2c0 .1 0 .2-.1.3s-.2.1-.4.1c-.9-.3-1.7-.8-2.5-1.5-.6-.7-1.2-1.5-1.6-2.4C.2 8.9 0 8 0 7c0-1.3.3-2.4.9-3.5S2.4 1.6 3.4 1C4.6.3 5.7 0 7 0s2.4.3 3.5.9 1.9 1.5 2.5 2.5c.7 1.2 1 2.3 1 3.6'%3E%3C/path%3E%3C/svg%3E");
}
*/
.mainContainer[dir='rtl'] .codeHeader > .action:before {
  margin-right: 0px;
  margin-left: 3px; 
}

html.theme_night .codeHeader > .action {
  color: #ccc;
}

html.theme_night .codeHeader > .action.copy:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23cccccc' d='M13 6.8V14H4v-3H0V0h5.2l3 3h1L13 6.8zM4 3h2.8l-2-2H1v9h3V3zm8 5H8V4H5v9h7V8zM9 7h2.8L9 4.2V7z'%3E%3C/path%3E%3C/svg%3E");
}

html.theme_night .codeHeader > .action.tryIt:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23cccccc' d='M2.8 4.7l.7-.7L7 7.5 3.5 11l-.7-.7 2.8-2.8zM8 11h3v-1H8zM0 0v14h14V0H0zm13 13H1V1h12v12z'%3E%3C/path%3E%3C/svg%3E");
}

html.theme_night .codeHeader > .action.run:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23cccccc' fill-rule='evenodd' d='M4 14l6-6-6-6z'%3E%3C/path%3E%3C/svg%3E");
}

/*
html.theme_night .codeHeader > .action.githubCircle:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23cccccc' d='M14 7c0 1-.2 1.9-.6 2.8-.4.9-1 1.7-1.7 2.3-.7.7-1.6 1.1-2.5 1.5h-.4c-.1-.1-.1-.2-.1-.3v-1.9c0-.6-.2-1-.5-1.3 1-.1 1.7-.4 2.2-.8.7-.6 1-1.4 1-2.7 0-.7-.2-1.4-.7-1.9.1-.2.1-.4.1-.6 0-.4 0-.8-.2-1.2h-.2c-.2 0-.4.1-.6.2-.3.1-.7.2-1 .5-.6-.2-1.2-.2-1.8-.2s-1.2.1-1.8.2c-.3-.3-.7-.4-1-.6-.3-.1-.5-.1-.7-.1h-.2c-.2.4-.2.8-.2 1.2 0 .2.1.4.1.6-.4.6-.7 1.2-.7 1.9 0 1.2.3 2.1 1 2.7.5.4 1.3.7 2.2.8-.2.2-.4.5-.4.9-.3.1-.6.2-.9.2-.5 0-.8-.3-1.1-.7l-.1-.2-.4-.4c-.2-.1-.4-.2-.6-.2H2c-.1 0-.1.1-.1.1s.1.2.3.3l.1.1.3.3.3.6.1.3c.1.1.2.3.3.4.2.2.4.3.7.3.4.1.7.1 1.2 0v1.2c0 .1 0 .2-.1.3s-.2.1-.4.1c-.9-.3-1.7-.8-2.5-1.5-.6-.7-1.2-1.5-1.6-2.4C.2 8.9 0 8 0 7c0-1.3.3-2.4.9-3.5S2.4 1.6 3.4 1C4.6.3 5.7 0 7 0s2.4.3 3.5.9 1.9 1.5 2.5 2.5c.7 1.2 1 2.3 1 3.6'%3E%3C/path%3E%3C/svg%3E");
}
*/
.codeHeader > .action.tryIt.busy:before,
html.theme_night .codeHeader > .action.tryIt.busy:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='transparent' d='M2.8 4.7l.7-.7L7 7.5 3.5 11l-.7-.7 2.8-2.8zM8 11h3v-1H8zM0 0v14h14V0H0zm13 13H1V1h12v12z'%3E%3C/path%3E%3C/svg%3E");
}

.codeHeader > .action.run.busy:before,
html.theme_night .codeHeader > .action.run.busy:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='transparent' fill-rule='evenodd' d='M4 14l6-6-6-6z'%3E%3C/path%3E%3C/svg%3E");
}

.mainContainer[dir='ltr'] .codeHeader > .action {
  border-left-width: 1px;
}

.mainContainer[dir='rtl'] .codeHeader > .action {
  border-right-width: 1px;
}

html.theme_night .codeHeader > .action {
  border-color: #333;
}

.codeHeader > .action:hover {
  background-color: #e6e6e6;
  color: #222;
}

.codeHeader > .action.copy:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23222222' d='M13 6.8V14H4v-3H0V0h5.2l3 3h1L13 6.8zM4 3h2.8l-2-2H1v9h3V3zm8 5H8V4H5v9h7V8zM9 7h2.8L9 4.2V7z'%3E%3C/path%3E%3C/svg%3E");
}

.codeHeader > .action.tryIt:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23222222' d='M2.8 4.7l.7-.7L7 7.5 3.5 11l-.7-.7 2.8-2.8zM8 11h3v-1H8zM0 0v14h14V0H0zm13 13H1V1h12v12z'%3E%3C/path%3E%3C/svg%3E");
}

/*
.codeHeader > .action.githubCircle:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23222222' d='M14 7c0 1-.2 1.9-.6 2.8-.4.9-1 1.7-1.7 2.3-.7.7-1.6 1.1-2.5 1.5h-.4c-.1-.1-.1-.2-.1-.3v-1.9c0-.6-.2-1-.5-1.3 1-.1 1.7-.4 2.2-.8.7-.6 1-1.4 1-2.7 0-.7-.2-1.4-.7-1.9.1-.2.1-.4.1-.6 0-.4 0-.8-.2-1.2h-.2c-.2 0-.4.1-.6.2-.3.1-.7.2-1 .5-.6-.2-1.2-.2-1.8-.2s-1.2.1-1.8.2c-.3-.3-.7-.4-1-.6-.3-.1-.5-.1-.7-.1h-.2c-.2.4-.2.8-.2 1.2 0 .2.1.4.1.6-.4.6-.7 1.2-.7 1.9 0 1.2.3 2.1 1 2.7.5.4 1.3.7 2.2.8-.2.2-.4.5-.4.9-.3.1-.6.2-.9.2-.5 0-.8-.3-1.1-.7l-.1-.2-.4-.4c-.2-.1-.4-.2-.6-.2H2c-.1 0-.1.1-.1.1s.1.2.3.3l.1.1.3.3.3.6.1.3c.1.1.2.3.3.4.2.2.4.3.7.3.4.1.7.1 1.2 0v1.2c0 .1 0 .2-.1.3s-.2.1-.4.1c-.9-.3-1.7-.8-2.5-1.5-.6-.7-1.2-1.5-1.6-2.4C.2 8.9 0 8 0 7c0-1.3.3-2.4.9-3.5S2.4 1.6 3.4 1C4.6.3 5.7 0 7 0s2.4.3 3.5.9 1.9 1.5 2.5 2.5c.7 1.2 1 2.3 1 3.6'%3E%3C/path%3E%3C/svg%3E");
}
*/
html.theme_night .codeHeader > .action:hover {
  background-color: #333;
  color: #fff;
}

html.theme_night .codeHeader > .action.copy:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M13 6.8V14H4v-3H0V0h5.2l3 3h1L13 6.8zM4 3h2.8l-2-2H1v9h3V3zm8 5H8V4H5v9h7V8zM9 7h2.8L9 4.2V7z'%3E%3C/path%3E%3C/svg%3E");
}

html.theme_night .codeHeader > .action.tryIt:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M2.8 4.7l.7-.7L7 7.5 3.5 11l-.7-.7 2.8-2.8zM8 11h3v-1H8zM0 0v14h14V0H0zm13 13H1V1h12v12z'%3E%3C/path%3E%3C/svg%3E");
}

/*
html.theme_night .codeHeader > .action.githubCircle:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M14 7c0 1-.2 1.9-.6 2.8-.4.9-1 1.7-1.7 2.3-.7.7-1.6 1.1-2.5 1.5h-.4c-.1-.1-.1-.2-.1-.3v-1.9c0-.6-.2-1-.5-1.3 1-.1 1.7-.4 2.2-.8.7-.6 1-1.4 1-2.7 0-.7-.2-1.4-.7-1.9.1-.2.1-.4.1-.6 0-.4 0-.8-.2-1.2h-.2c-.2 0-.4.1-.6.2-.3.1-.7.2-1 .5-.6-.2-1.2-.2-1.8-.2s-1.2.1-1.8.2c-.3-.3-.7-.4-1-.6-.3-.1-.5-.1-.7-.1h-.2c-.2.4-.2.8-.2 1.2 0 .2.1.4.1.6-.4.6-.7 1.2-.7 1.9 0 1.2.3 2.1 1 2.7.5.4 1.3.7 2.2.8-.2.2-.4.5-.4.9-.3.1-.6.2-.9.2-.5 0-.8-.3-1.1-.7l-.1-.2-.4-.4c-.2-.1-.4-.2-.6-.2H2c-.1 0-.1.1-.1.1s.1.2.3.3l.1.1.3.3.3.6.1.3c.1.1.2.3.3.4.2.2.4.3.7.3.4.1.7.1 1.2 0v1.2c0 .1 0 .2-.1.3s-.2.1-.4.1c-.9-.3-1.7-.8-2.5-1.5-.6-.7-1.2-1.5-1.6-2.4C.2 8.9 0 8 0 7c0-1.3.3-2.4.9-3.5S2.4 1.6 3.4 1C4.6.3 5.7 0 7 0s2.4.3 3.5.9 1.9 1.5 2.5 2.5c.7 1.2 1 2.3 1 3.6'%3E%3C/path%3E%3C/svg%3E");
}
*/
.codeHeader + pre {
  margin-top: 0;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  overflow-y: auto;
}

.centered {
  text-align: center;
}

.pageFooter {
  border-top: 1px solid #e0e0e0;
  margin-top: 48px;
  padding: 24px 0;
}

html.theme_night .pageFooter {
  border-top: 1px solid #2e2e2e;
}

.pageFooter ul.links {
  list-style-type: none;
}

.pageFooter ul.links > li {
  display: inline-block;
  padding: 0 25px;
}

.pageFooter ul.links > li a {
  color: #222;
  font-family: segoe-ui_semibold, 'Segoe UI Semibold', 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
}

html.theme_night ul.links > li a {
  color: #ccc;
}

.pageFooter ul.links > li a:hover {
  color: #0050C5;
  text-decoration: underline;
}

/* adding ref classes here until page templates are cleaned up */
.subtle {
  color: #6e6e6e;
}

.theme_night .subtle {
  color: #828282;
}

h2.accented {
  color: #4c668b;
  font-size: 1.875rem;
  font-family: segoe-ui_semibold;
  word-break: keep-all;
}

h3.accented {
  font-size: 1.4375rem;
  margin-top: 36px;
  margin-bottom: 0;
  word-break: keep-all;
}

h3.accented + .stack {
  margin-top: 12px;
}

h4.accented {
  font-size: 1.188rem;
  margin-top: 18px;
}

h4.accented + p {
  margin-top: 0;
}

.theme_night h2.accented,
.theme_night h3.accented,
.theme_night h4.accented {
  color: #ccc;
}

h2.hiddenAnchor {
  position: absolute;
  visibility: hidden;
  top: 0;
  margin: 0;
}

.summaryHolder {
  margin-top: 24px;
}

.summary p:first-child {
  margin-top: 0;
}

.inlineEditButton {
  font-size: 0.875rem;
  margin: 0 12px 0 24px;
}

.mainContainer[dir='rtl'] .inlineEditButton {
  margin: 0 24px 0 12px;
}

.inlineEditButton a,
.inlineEditButton a:link {
  color: #6e6e6e;
}

.theme_night .inlineEditButton a,
.theme_night .inlineEditButton a:link {
  color: #828282;
}

.inlineEditButton a:hover {
  color: #0050C5;
}

.theme_night .inlineEditButton a:hover {
  color: #00a4f3;
}

.inlineEditButton a i {
  color: #0050C5;
  margin-right: 6px;
  display: inline;
}

.mainContainer[dir='rtl'] .inlineEditButton a i {
  margin-left: 6px;
  margin-right: 0;
}

.summaryHolder .inlineEditButton {
  float: right;
}

pre.loading {
  padding-top: 53px;
}

pre.wrap {
  white-space: pre-wrap;
}

dl.attributeList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
}

dl.attributeList dt {
  font-family: segoe-ui_semibold;
}

dl.attributeList dd {
  margin-left: 8px;
}

dl.attributeList dd p:first-child {
  margin-top: 0;
}

dl.stack,
.stack {
  margin-top: 24px;
}

.halfStack {
  margin-top: 12px;
}

dl.stack dt {
  min-width: 86px;
}

.cdlHolder .cdl,
.pdlHolder .pdl {
  display: inline-block;
}

.cdlHolder .cdl::after {
  content: ', ';
}

.pdlHolder .pdl::after {
  color: #6e6e6e;
  content: "\e0ab";
  font-family: FontAwesome;
  font-size: 12px;
  padding-left: 6px;
  vertical-align: text-top;
  padding-right: 6px;
}

.theme_night .pdlHolder .pdl::after {
  color: #828282;
}

.cdlHolder .cdl:last-child::after,
.pdlHolder .pdl:last-child::after {
  content: '';
}

table.attributeList {
  margin-top: 4px;
  width: auto;
}

table.attributeList td {
  padding: 8px;
  border: solid 1px #e0e0e0;
  border-collapse: unset;
}

table.attributeList tr td:first-child {
  font-family: segoe-ui_semibold;
}

.memberNameHolder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}

.memberNameHolder h2.accented, .memberNameHolder h3.accented {
  margin: 0;
}

.memberInfo {
  margin-left: 24px;
}

.memberInfo + p {
  word-break: break-all;
}

.mainContainer[dir='rtl'] .memberInfo {
  margin-left: 0;
  margin-right: 24px;
}

.propertyInfoTitle {
  font-family: segoe-ui_semibold;
  margin-bottom: 2px;
}

.propertyInfoTitle + p {
  margin-top: 0;
}

.propertyInfo p:first-child,
.propertyInfo p:nth-child(2),
.propertyInfo + p {
  margin-top: 2px;
}

dl.parameterList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
}

.theme_night dl.parameterList dt {
  color: #828282;
}

dl.parameterList dd {
  margin-left: 12px;
}

dl.parameterList + p {
  margin-top: 4px;
}

/*ssssssss*/
.detailTile {
  width: 50%;
  float: left;
  margin-bottom: 28px;
}

.mainContainer[dir='rtl'] .detailTile {
  float: right;
}

.detailTile h4 {
  font-size: 1rem;
  margin: 0 0 6px 0;
}

.detailTile div {
  color: #6e6e6e;
}

.detailTile + h2 {
  clear: left;
}

.mainContainer[dir='rtl'] .detailTile + h2 {
  clear: right;
}

.parameterName,
dl.parameterList dt {
  background-color: #e8ebf0;
  display: inline-block;
  font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, sans-serif;
  font-weight: bold;
  padding: 0 6px 2px 6px;
}

.theme_night .parameterName,
.theme_night dl.parameterList dt {
  background-color: #184961;
  color: #ccc;
}

.parameterInfo {
  margin-left: 24px;
}

.parameterInfo table.stack {
  margin-top: 12px;
}

.parameterName + .parameterDetails {
  margin-top: 4px;
}

.parameterDetails {
  font-size: 0.875rem;
}

.parameterDetails div {
  border-right: solid 1px #6e6e6e;
  display: inline-block;
  margin-right: 8px;
  padding-right: 12px;
}

.parameterDetails div:last-child {
  border-right: 0;
  display: inline-block;
  margin-right: 0;
  padding-right: 0;
}

.theme_night .parameterDetails div {
  border-color: #828282;
}

.globalParamsHolder {
  margin-top: 24px;
}

.globalParamsHolder > a {
  padding-left: 24px;
}

.globalParamsHolder > a:before {
  color: #222;
  font-family: FontAwesome;
  content: "\e00f";
  font-size: .8rem;
  font-weight: bold;
  left: 0;
  padding-top: 1px;
  position: absolute;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out,-webkit-transform .2s ease-out;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.globalParamsHolder[aria-expanded=true] > a:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.globalParamsHolder .globalParams {
  display: none;
}

.globalParamsHolder[aria-expanded=true] .globalParams {
  display: block;
}

/* #main table */
main table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  font-size: 0.875rem;
}

@media only screen and (max-width: 769px) {
  main table {
    table-layout: fixed;
  }
}

main table.min {
  width: unset;
}

main table caption {
  font-size: 0.8em;
  font-weight: 600;
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 1.2em;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e3e3e3;
  text-align: right;
}

.theme_night main table caption {
  border-color: #2e2e2e;
}

main td, main th {
  display: table-cell;
  word-wrap: break-word;
  padding: 12px 16px;
  line-height: 1.5;
  vertical-align: top;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e3e3e3;
}

main td.nowrap, main th.nowrap {
  white-space: nowrap;
}

.theme_night main td, .theme_night main th {
  border-color: #2e2e2e;
}

main th {
  text-align: left;
  font-family: segoe-ui_semibold;
  font-size: 0.875rem;
  font-weight: normal;
  vertical-align: bottom;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e3e3e3;
}

.mainContainer[dir='rtl'] main th {
  text-align: right;
}

main table > caption + thead > tr:first-child > td,
main table > colgroup + thead > tr:first-child > td,
main table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

main .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.theme_night main .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03);
}

/* table.nameValue */
main table.nameValue {
  border-width: 0;
  table-layout: fixed;
}

main table.nameValue tr:only-child > td {
  border: 0;
  padding-top: 0;
}

main table.nameValue td {
  border-color: #e0e0e0;
  padding: 12px 0;
}

.theme_night main table.nameValue td {
  border-color: #2e2e2e;
}

main table.nameValue code {
  word-break: break-all;
}

main table.nameValue td:nth-child(1) {
  float: left;
  padding: 14px 0 0 0;
  width: 100%;
}

.mainContainer[dir='rtl'] main table.nameValue td:nth-child(1) {
  float: right;
}

main table.nameValue td:nth-child(2) {
  border-width: 0;
  float: left;
  padding: 0 0 14px 0;
}

.mainContainer[dir='rtl'] main table.nameValue td:nth-child(2) {
  float: right;
}

main table.nameValue td:only-child {
  float: left;
  padding: 14px 0;
  width: 100%;
}

.mainContainer[dir='rtl'] main table.nameValue td:only-child {
  float: right;
}

main table.nameValue td p:first-child {
  margin: 0;
}

main table.nameValue td li {
  margin-bottom: 8px;
}

@media only screen and (min-width: 769px) {
  .mainContainer[dir='rtl'] main table.nameValue td:nth-child(1),
  .mainContainer[dir='rtl'] main table.nameValue td:nth-child(2),
  .mainContainer[dir='rtl'] main table.nameValue td:only-child {
    float: none;
  }
  .mainContainer[dir='rtl'] main table.nameValue td:nth-child(1) {
    padding: 14px 0 14px 28px;
  }
  main table.nameValue td:nth-child(1) {
    float: none;
    padding: 14px 28px 14px 0;
    width: 30%;
    min-width: 200px;
  }
  main table.nameValue td:nth-child(2) {
    float: none;
    padding: 14px 0;
    width: 70%;
    border-top-width: 1px;
  }
  main table.nameValue td:only-child {
    float: none;
    padding: 14px 0;
    width: 100%;
  }
}

main .memberDetails table.nameValue td:nth-child(1) {
  padding: 8px 0 0 0;
}

main .memberDetails table.nameValue td:nth-child(2) {
  padding: 0 0 8px 0;
}

main .memberDetails table.nameValue td:only-child {
  padding: 8px 0;
}

@media only screen and (min-width: 769px) {
  main .memberDetails table.nameValue td:nth-child(1) {
    padding: 8px 16px 8px 0;
  }
  main .memberDetails table.nameValue td:nth-child(2) {
    padding: 8px 0;
  }
  main .memberDetails table.nameValue td:only-child {
    padding: 8px 0;
  }
}

/**** checklist list ****/
main .checklist > ul {
  margin-left: 1rem;
}

.mainContainer[dir='rtl'] main .checklist > ul {
  margin-left: 0;
  margin-right: 1rem;
}

main .checklist > ul > li {
  list-style-type: none;
}

main .checklist > ul > li:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cpath fill='rgb(14, 137, 21)' d='M129 20L55 94 21 60 10 71l45 45L140 31z'/%3E%3C/svg%3E");
  display: inline-block;
  height: 1rem;
  margin-right: .5rem;
  position: relative;
  top: 2px;
  width: 1rem;
}

html.theme_night main .checklist > ul > li:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cpath fill='%2300bb88 ' d='M129 20L55 94 21 60 10 71l45 45L140 31z'/%3E%3C/svg%3E");
}

.mainContainer[dir='rtl'] main .checklist > ul > li:before {
  margin-left: .5rem;
  margin-right: 0;
}

/**** Next Step ****/
.nextstepaction a {
  background-color: #0050C5;
  display: inline-block;
  padding: 9px 43px 13px 16px;
  position: relative;
}

.mainContainer[dir='rtl'] .nextstepaction a {
  padding: 9px 16px 13px 43px;
}

.nextstepaction a:visited,
.nextstepaction a:link {
  color: #fff;
}

.nextstepaction a:after {
  content: "\e00f";
  display: inline-block;
  font-family: FontAwesome;
  margin-top: -1rem;
  min-width: 16px;
  padding-top: 3px;
  position: absolute;
  right: 13px;
  top: 50%;
}

.mainContainer[dir='rtl'] .nextstepaction a:after {
  content: "\e00e";
  right: auto;
  left: 13px;
}

#locale-selector-link {
  color: #3d88c0;
}

#locale-selector-link:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%233d88c0' d='M10 0c.9 0 1.8.1 2.7.4.8.2 1.6.6 2.4 1 .7.4 1.4 1 2 1.6.6.6 1.1 1.3 1.6 2 .4.7.8 1.5 1 2.4s.3 1.7.3 2.6-.1 1.8-.4 2.7-.6 1.6-1 2.4c-.4.7-1 1.4-1.6 2-.6.6-1.3 1.1-2 1.6-.7.4-1.5.8-2.4 1-.8.2-1.7.3-2.6.3s-1.8-.1-2.7-.4c-.8-.2-1.6-.6-2.4-1-.7-.4-1.4-1-2-1.6-.6-.6-1.1-1.3-1.6-2-.4-.7-.8-1.5-1-2.4S0 10.9 0 10s.1-1.8.4-2.7.6-1.6 1-2.4c.4-.7 1-1.4 1.6-2 .6-.6 1.3-1.1 2-1.6.7-.4 1.5-.8 2.4-1C8.2.1 9.1 0 10 0zm0 18.8c.7 0 1.5-.1 2.2-.3.7-.2 1.4-.5 2-.8.6-.3 1.2-.8 1.8-1.3s1-1.1 1.4-1.7c-.1-.2-.2-.4-.2-.6-.2-.2-.2-.4-.2-.6v-.6s0-.3.1-.4v-.3-.3c0-.1-.1-.2-.2-.4s-.2-.4-.4-.6v-.2-.2-.2-.2c-.2 0-.3-.1-.5-.1-.2-.1-.3-.1-.5-.2h.1c-.1 0-.2 0-.3.1-.1 0-.2.1-.2.1-.1 0-.2.1-.2.1h-.5V10c-.1 0-.2.1-.3.1s-.2.1-.3.1c-.1 0-.2 0-.3-.1-.1 0-.2-.1-.4-.2-.1-.1-.2-.1-.3-.2s-.1-.2-.1-.2l-.1-.1c-.1 0-.1-.1-.2-.1l-.1-.1v-.1l.1-.1h-.2l-.1-.3h.2l-.3-.4.2-.6c-.1-.3-.1-.6-.1-.8 0-.2.1-.3.3-.5.1-.1.3-.2.4-.4.2 0 .4-.1.5-.3v-.1l.7-.8h.7c.2 0 .5 0 .7-.1s.5-.1.7-.1c.2 0 .4-.1.6-.1-.2-.2-.4-.5-.7-.7-.2-.2-.5-.4-.7-.6-.1 0-.2.1-.3.1s-.2.1-.3.2-.2.1-.2.2c-.1.1-.1.2-.1.3l.1.2c-.1.2-.2.3-.4.4s-.3.1-.4.1h-.5c-.2 0-.3 0-.5.1l-.2-.3.1-.6-.2-.2 1.7-.5c-.1-.2-.2-.3-.4-.4-.2-.1-.3-.1-.5-.1v-.4l.5-.1c-.6-.3-1.2-.5-1.9-.7s-1.3-.2-2-.2c-.6 0-1.1.1-1.7.2-.3 0-.9.2-1.4.4-.5.2-1 .5-1.5.8-.5.3-.9.6-1.3 1 .2 0 .3 0 .4.1l.3.3c.1.1.2.2.2.3s.2.2.3.2l.2-.1v-.2l.3-.5-.3-.8s.1-.1.2-.1.1-.1.2-.1h.5s.1.2.2.2l.2.2c.1.1.2.2.3.4l.4-.3c.1 0 .2.1.3.1.1.1.2.2.4.3.1.1.3.2.4.3.1 0 .1.1.1.2s0 .2-.1.2-.2.1-.3.2-.2 0-.4.1c-.1 0-.3 0-.4.1-.1 0-.2.1-.3.1V5l.6.2c-.2.1-.3.2-.5.3-.1.1-.3.2-.4.3V6l-.9.3v.3h-.1v-.3h-.1V6.6v-.2.1s0 .1.1.1l.1.1v.1h-.2.1c-.1.1-.2.2-.3.2-.1.1-.2.1-.3.2-.1.2-.2.3-.2.5v.6c0-.2-.2-.4-.4-.5-.2-.2-.4-.2-.6-.2h-.4l.2.1H3s-.2 0-.3.1c-.2 0-.3.1-.4.2v.4c0 .2 0 .4.1.5.1.1.3.2.5.2s.4 0 .6-.1c.1 0 .3-.1.5-.2 0 .2-.1.3-.2.4-.1.2-.1.3-.1.5l.1.1c.2-.1.3-.1.4 0 .1-.1.3.1.4.2l.4.4s.3.2.4.3l-.3.2-.8-.4v.1s0 .1 0 0l-.4-.6c-.2 0-.4 0-.7-.1l-.6-.3c-.3-.1-.5-.2-.7-.3L1.3 9l-.1 1c0 .8.1 1.6.3 2.3.2.8.5 1.5.9 2.1s.9 1.3 1.4 1.8c.6.6 1.2 1 1.9 1.4v-.4s.1-.3.1-.4.2-.2.2-.4c0-.1.1-.3.1-.4 0-.2 0-.4-.1-.7-.1-.2-.1-.5-.2-.7-.1-.2-.2-.5-.3-.7-.1-.2-.2-.4-.3-.7s-.1-.3-.2-.4c0-.2 0-.3.1-.5l-.1-.1c0-.1 0-.1.1-.2s.1-.2.2-.3.1-.2.2-.3c0-.1.1-.2.1-.3v-.2c0-.1-.1-.1-.1-.2h.2c.1-.3.3-.4.5-.5.2-.1.4-.1.7-.1h.2s.2.1.3.1.2.1.3.1c.1 0 .2.1.2.1s0 .1.1.1.1 0 .1.1v.1s.1 0 .1.1c.1 0 .2.1.2.1.1.1.2.1.2.2l.1.1c.1 0 .3 0 .5.1s.4.2.7.3c.2.1.5.3.7.4.2.2.5.3.7.5s.4.3.5.5c.1.2.2.3.2.4l-.3.4c0 .3 0 .6-.1.8-.1.2-.2.3-.3.4-.1.1-.3.2-.5.3l-.6.3c0 .1 0 .3-.1.4-.1.2-.1.3-.2.4-.1.1-.2.2-.4.3-.1.1-.3.1-.4.1l-.4-.3v.1c.1.1.1.3 0 .4 0 .2-.1.3-.2.5s-.2.3-.3.5c-.2.3-.2.4-.3.5.4.1.7.2 1.1.2.3 0 .6.1 1 .1zM4.8 8.6h.3s.2.1.3.1.2.1.3.1c.2.1.3.2.3.2H5.4c-.1 0-.2-.1-.2-.1-.1-.1-.2-.1-.3-.2-.1 0-.1-.1-.2-.1h-.2c-.1 0-.1.1-.2.1h-.1s.1-.1.3-.1h.3zm1.4.5c.3 0 .5 0 .7.1-.1 0-.2.1-.3.1h-.7c0-.1.1-.1.1-.1.1 0 .1-.1.2-.1zm10.6-4.6v.1h.2l-.2-.1zm.6.9c-.1-.1-.2-.3-.3-.4-.1-.1-.2-.3-.3-.4 0 .1 0 .1-.1.1v.2c0 .1 0 .1.1.2 0 .1.1.1.2.2.1 0 .1.1.2.1h.2z'/%3E%3C/svg%3E");
  position: relative;
  top: 3px;
}

body[dir='rtl'] #locale-selector-link:before {
  margin-right: 0;
  margin-left: 5px;
}

table.schema {
  margin-bottom: 24px;
  margin-top: 8px;
}

table.schema th {
  color: #6e6e6e;
}

table.schema th:first-child,
table.schema td:first-child {
  padding-left: 0;
}

.doc-outline h3 {
  color: #222;
  font-size: 1rem;
  margin: 0;
  margin-top: 16px;
  display: none;
}

.theme_night .doc-outline h3 {
  color: #828282;
}

.doc-outline ul {
  margin: 10px 0 0 0;
  list-style-type: none;
}

.doc-outline li {
  line-height: 1.3;
  font-size: 0.875rem;
}

/*
@media only screen and (min-width: $desktop) {
    .doc-outline > li.selected a {
        border-left:solid 5px $blue;
        color: $text;        
        margin-left:-10px;
        padding-left:5px;
    }

    .theme_night .doc-outline > li.selected a {
        color:#828282;
    }

    .doc-outline > li.selected a:hover {
        color: $blue;    
    }
}*/
.dropdown-container {
  overflow: visible;
  display: inline-block;
  vertical-align: top;
  padding: 0;
}

.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown-small {
  max-width: 100px;
  width: 100px;
}

.dropdown-small .dropdown, .dropdown-small select {
  max-width: 100px;
  width: 100px;
}

.dropdown-medium {
  max-width: 180px;
  width: 180px;
}

.dropdown-medium .dropdown, .dropdown-medium select {
  max-width: 180px;
  width: 180px;
}

.dropdown-large {
  max-width: 280px;
  width: 280px;
}

.dropdown-large .dropdown, .dropdown-large select {
  max-width: 280px;
  width: 280px;
}

.dropdown-full {
  width: 100%;
  max-width: 100%;
}

.dropdown-full .dropdown, .dropdown-full select {
  width: 100%;
  max-width: 100%;
}

.mx-codeBreakAll code {
  word-break: break-all;
}

.mx-tdBreakAll td {
  word-break: break-all;
}

#main .mx-imgBorder img {
  border: solid 1px #e0e0e0;
}

.theme_night #main .mx-imgBorder img {
  border: solid 1px #e0e0e0;
}

#main .mx-namespace thead {
  display: none;
}

.mx-tableFixed table {
  table-layout: fixed;
}

.mx-tableFixed table th:nth-child(1),
.mx-tableFixed table td:nth-child(1) {
  padding-left: 0;
}

.mx-tableFixed table th:last-child,
.mx-tableFixed table td:last-child {
  padding-right: 0;
}

.mx-tableFixed table code {
  word-break: break-all;
  margin-top: 8px;
}

.NEXT,
.alert {
  padding: 16px;
  margin-top: 8px;
  margin-bottom: 14px;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  font-size: 0.875rem;
  line-height: 1.4;
  border-color: rgba(0, 0, 0, 0.05);
  background: #bff1ff;
  color: #333;
}

.NEXT {
  background-color: #DBEEDC;
}

.NEXT h2 {
  margin-top: 0;
}

.theme_night .alert {
  border-color: rgba(255, 255, 255, 0.05);
  background: #242424;
  color: #fff;
}

.alert h5 {
  font-size: 1rem;
}

.alert > :first-child {
  margin: 0 0 8px 0;
  padding: 0;
}

.NOTE {
  background-color: #d9f6ff;
  border-color: #bff1ff;
  color: inherit;
}

.CAUTION a,
.WARNING a {
  background-color: #fdedee;
  border-color: #f9d2d4;
  color: inherit;
}

.theme_night .NOTE {
  color: #4e95cc;
}

.NOTE h5 {
  color: #0050C5;
}

.NOTE h5:before {
  content: "\1F6C8";
  margin-right: 4px;
}

.theme_night .NOTE h5 {
  color: #4e95cc;
}

.IMPORTANT {
  border-color: #fff1cc;
  background: #fff1cc;
  color: #8a6d3b;
}

.theme_night .IMPORTANT {
  color: #aa8d63;
}

.IMPORTANT h5 {
  color: #8a6d3b;
}

.IMPORTANT h5:before {
  content: "\26A0";
  margin-right: 4px;
}

.theme_night .IMPORTANT h5 {
  color: #aa8d63;
}

.CAUTION,
.WARNING {
	background-color: #fdedee;
    border-color: #f9d2d4;
    color: inherit;
}

.theme_night .CAUTION,
.theme_night .WARNING {
  color: #ce7d7c;
}

.CAUTION h5,
.WARNING h5 {
  color: #a94442;
}

.CAUTION h5:before {
  content: "\26A0";
  margin-right: 4px;
}

.WARNING h5:before {
  content: "\26A0";
  margin-right: 4px;
}

.theme_night .CAUTION h5,
.theme_night .WARNING h5 {
  color: #ce7d7c;
}

.TIP {
    background-color: #e9faf5;
    border-color: #cfebe3;
    color: inherit;
}

.theme_night .TIP {
  color: #8DAD8E;
}

.TIP h5 {
  color: #3c763d;
}

.TIP h5:before {
  content: "\1F4A1";
  margin-right: 4px;
}

.theme_night .TIP h5 {
  color: #8DAD8E;
}

.alert-minimal {
  border-color: rgba(0, 0, 0, 0.05);
  background: #fff;
  color: #333;
}

.theme_night .alert-minimal {
  border-color: rgba(255, 255, 255, 0.05);
  background: #1a1a1a;
  color: #fff;
}

.alert-minimal h5 {
  color: #333;
}

.theme_night .alert-minimal h5 {
  color: #fff;
}

/*Override open-feedback ui styles*/
.or-o, .or-so {
  font: 0.63rem segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif !important;
}

.or-f.or-k {
  outline: 1px black dotted !important;
}

.or-c-pf > .or-a.or-f.or-k {
  outline: none !important;
}

.or-c-pf > .or-a.or-f.or-k:after {
  border: 1px black dotted !important;
}

h3.or-t,
.or-v .or-t,
.or-x,
.or-c-t .or-t {
  font-size: 0.72rem !important;
}

.or-b > .or-c, .or-l > .or-c, .or-a > .or-c,
.or-v > input[type=checkbox] + span, .or-x {
  transition: all 0.1s ease-out !important;
}

.or-b > .or-c,
.or-v > input[type=checkbox] + span,
.or-x {
  border-radius: 2px !important;
}

.or-b > .or-c,
.or-b[disabled] > .or-c,
.or-b[disabled]:hover > .or-c,
.or-b[disabled]:active > .or-c,
.or-v > input[type=checkbox]:checked + span {
  background: #0050C5 !important;
}

.or-l > .or-c {
  color: #0050C5 !important;
}

.or-b > .or-c {
  border: none !important;
  padding: 0.8em 1.2em !important;
  color: #f5f5f5 !important;
  stroke: #f5f5f5 !important;
  fill: #f5f5f5 !important;
}

.or-b .or-t {
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.or-b[disabled] > .or-c {
  opacity: 0.4 !important;
}

.or-v {
  padding-bottom: 0 !important;
}

.or-v > input[type=checkbox] + span,
.or-x {
  border-width: 1px !important;
}

.or-v > input[type=checkbox] + span,
.or-v > input[type=checkbox] + span + span {
  width: 14px !important;
  height: 14px !important;
}

.or-v:active > input[type=checkbox]:checked + span {
  background: rgba(0, 0, 0, 0.6) !important;
}

.or-v > span:last-child {
  margin: 0 0 0 19px !important;
}

.or-pc[dir=rtl] .or-v > span:last-child {
  margin: 0 19px 0 0 !important;
}

.or-x:active, .or-x:focus {
  border-color: #0050C5 !important;
}

.or-c-pf, .or-c-mf {
  border-radius: 2px !important;
}

.or-c-f {
  width: 210px !important;
}

.or-c-f h3.or-t {
  font-weight: bold !important;
}

/*END: Override open-feedback ui styles*/
#page-actions {
  font-size: 0.875rem;
  z-index: 52;
}

#page-actions ol, #page-actions ul {
  margin-bottom: 0;
  list-style: none;
  padding: 0 !important;
  /* combatting livefyre */
  list-style-type: none;
}

#page-actions ol {
  margin-top: 10px;
}

.action-list li, .doc-outline ol > li {
  margin: 0;
  padding-bottom: 8px;
}

#page-actions-content {
  width: 100%;
}

@media (max-width: 1199.99999px) {
  .action-list > li {
    padding-bottom: 0px;
  }
}

.action-list a, .action-list a:link {
  color: #6e6e6e;
}

.theme_night .action-list a, .theme_night .action-list a:link {
  color: #828282;
}

.action-list a:hover {
  color: #0050C5;
}

.theme_night .action-list a:hover {
  color: #00a4f3;
}

.action-list a i {
  color: #0050C5;
  padding-right: 6px;
}

.theme_night .action-list a i {
  color: #00a4f3;
}

.mainContainer[dir='rtl'] .action-list a i {
  padding-left: 6px;
  padding-right: 0;
}

#page-actions label {
  font-family: segoe-ui_semibold, 'Segoe UI Semibold', 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 0.7rem;
  line-height: 1.3;
  text-rendering: optimizeLegibility;
  margin-bottom: 6px;
  margin-top: 10px;
  word-wrap: break-word;
  color: #6e6e6e;
}

.theme_night #page-actions label {
  color: #828282;
}

#branch-selector {
  max-width: 100%;
}

#side-doc-outline {
  display: none;
}

#center-doc-outline {
  display: block;
}

#main #center-doc-outline ol {
  margin-left: 0;
}

#main #center-doc-outline ol > li {
  list-style-type: none;
  margin: 0;
}

@media (max-width: 767.99999px) {
  #page-actions {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) and (max-width: 1199.99999px) {
  #page-actions {
    margin-top: 8px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 1199.99999px) {
  ul.action-list > li {
    display: inline-block;
    padding-right: 8px;
  }
  .mainContainer[dir='rtl'] ul.action-list > li {
    padding-left: 8px;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1200px) {
  #page-actions {
    max-width: inherit;
  }
  #page-actions-content {
    position: fixed;
    max-width: inherit;
    padding-top: 18px;
    overflow-y: auto;
  }
  ul.action-list > li {
    display: list-item;
    padding-right: 0px;
  }
  .mainContainer[dir='rtl'] ul.action-list > li {
    padding-left: 0px;
  }
  #page-actions nav, #page-actions ul {
    margin-left: 10px;
  }
  .mainContainer[dir='rtl'] #page-actions nav, .mainContainer[dir='rtl'] #page-actions ul {
    margin-left: 0;
    margin-right: 10px;
  }
  #page-actions .typeSep {
    display: none;
  }
  #page-actions label {
    display: block;
  }
  #side-doc-outline {
    display: block;
  }
  #center-doc-outline {
    display: none;
  }
}

/* Center Column */
#main {
  position: relative;
}

#comments-container {
  margin-top: 60px;
}

/* END Center Column */
/* !!! fix for rtl in uhf. check this, they might fix it someday !!! */
html[dir='rtl'] a.m-skip-to-main,
body[dir='rtl'] a.m-skip-to-main,
html[dir='rtl'] a.m-skip-to-main:hover,
body[dir='rtl'] a.m-skip-to-main:hover {
  left: auto;
  right: -999px;
}

html[dir='rtl'] a.m-skip-to-main:active,
body[dir='rtl'] a.m-skip-to-main:active,
html[dir='rtl'] a.m-skip-to-main:focus,
body[dir='rtl'] a.m-skip-to-main:focus {
  left: auto;
  right: 0;
}

@media (min-width: 1400px) {
  #uhfPlaceHolder {
    height: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1399.99999px) {
  #uhfPlaceHolder {
    height: 100px;
  }
}

@media (max-width: 767.99999px) {
  #uhfPlaceHolder {
    height: 50px;
  }
  .btn.btn-danger { margin: 0 0 25px 15px; }
  /*.navbar-inverse .navbar-nav>li:first-child { border-left: 0px solid #343a40 !important} ,*/ .navbar-inverse .navbar-nav>li { border: 0 none !important; }
}

@media only screen and (min-width: 1779px) {
  #uhfPlaceHolder {
    margin-top: 12px;
  }
}

.m-auto-suggest {
  display: none !important;
}

#headerAreaHolder {
  line-height: normal;
}

a.searchScope:link {
  position: absolute;
  left: 0;
  background-color: #d5e0ff;
  background-image: url(../images/close_grey.png);
  background-position: right 8px;
  background-repeat: no-repeat;
  padding: 5px 20px 4px 3px;
  margin: 3px;
  color: #222;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a.searchScope:focus {
  outline: 1px solid #0050C5;
}

@media only screen and (max-width: 1083px) {
  a.searchScope {
    display: none;
  }
  form.js-focused a.searchScope {
    display: block;
  }
  /* this is a hack. was causing scroll bars in conceptual pages */
  #cli_shellHeaderSearchInput {
    margin-left: -2px;
  }
  html[dir='rtl'] #cli_shellHeaderSearchInput,
  body[dir='rtl'] #cli_shellHeaderSearchInput {
    margin-left: 0px;
    margin-right: -2px;
  }
}

#sub-header {
  box-sizing: content-box !important;
  /* combatting azure header */
  clear: both;
  margin: 0 auto;
  max-width: 1600px;
  min-height: 25px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 0 5%;
  width: auto;
}

@media only screen and (max-width: 767px) {
  #sub-header {
    padding: 8px 16px;
  }
  .navbar-inverse .navbar-collapse { padding: 0 !important; text-align: left; }
}

.breadcrumbs,
.schemaCrumbs {
  margin: 8px 0;
  padding: 8px 0;
  font-size: 0.8125rem;
  list-style: none;
}

.schemaCrumbs {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1199.99999px) {
  .breadcrumbs,
  .schemaCrumbs {
    padding: 8px 0 0;
  }
}

.breadcrumbs li,
.schemaCrumbs li {
  display: inline-block;
  margin: 0;
}

.theme_night .breadcrumbs li:after,
.theme_night .schemaCrumbs li:after {
  color: #6e6e6e;
}

.breadcrumbs li:last-child,
.schemaCrumbs li:last-child {
  color: #222;
}

.theme_night .breadcrumbs li:last-child,
.theme_night .schemaCrumbs li:last-child {
  color: #ccc;
}

.breadcrumbs li:last-child:before,
.breadcrumbs li:last-child:after,
.schemaCrumbs li:last-child:before,
.schemaCrumbs li:last-child:after {
  content: '';
}

html[dir='rtl'] .breadcrumbs li:last-child:before,
html[dir='rtl'] .breadcrumbs li:last-child:after,
html[dir='rtl'] .schemaCrumbs li:last-child:before,
html[dir='rtl'] .schemaCrumbs li:last-child:after {
  content: ' ';
}

.breadcrumbs li:after,
.schemaCrumbs li:after {
  content: '/';
  vertical-align: baseline;
  padding: 0 8px;
  color: #ababab;
}

.schemaCrumbs + p {
  margin-top: 4px;
}

.share-container {
  color: #e3e3e3;
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding-left: 5px;
  padding-right: 5px;
  /*width: 85px;*/
  display: none;
  position: absolute;
  top: 50px;
  left: 375px;
  z-index: 1;
}

.mainContainer[dir='rtl'] .share-container {
  left: auto;
  right: 10px;
}

.share-wechat {
  cursor: text;
}

#shareWithQrcode {
  height: 105px;
}

.theme_night .share-container {
  border-color: #2e2e2e;
  background-color: #1a1a1a;
}

.theme_night .share-container:before {
  background-color: transparent;
  border-color: #2e2e2e;
}

.share-container:before {
  display: block;
  position: absolute;
  z-index: 2;
  content: '';
  border: solid;
  background-color: #fff;
  width: 0.66666em;
  height: 0.66666em;
  border-color: inherit;
  border-width: 0 1px 1px 0;
  -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
  transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-135deg);
  -ms-transform: translateY(-50%) translateX(50%) rotate(-135deg);
  transform: translateY(-50%) translateX(50%) rotate(-135deg);
}

.share-container > div {
  color: #0050C5;
  display: block;
  height: 25px;
}

.theme_night .share-container > div {
  color: #00a4f3;
}

.share-container a {
  color: #333;
}

.share-container a:hover {
  color: #0050C5;
}

.share-container a.share-wechat:hover {
  color: #333;
}

.theme_night .share-container a {
  color: #ccc;
}

.theme_night .share-container a:hover {
  color: #00a4f3;
}

.theme_night .share-container a.share-wechat:hover {
  color: #ccc;
}

/* mobile nav */
html.hasPageActions #menu-nav {
  margin: 32px 0 24px;
  width: 100%;
}

#menu-nav {
  margin: 24px 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #menu-nav {
    display: none;
  }
}

/* TOC v2 */
/*** pdf download ***/
.pdfDownloadHolder {
  border: 1px solid #cfcfcf;
  border-left-width: 0;
  border-right-width: 0;
  margin-top: 24px;
  display: none;
}

.theme_night .pdfDownloadHolder {
  border-color: #2e2e2e;
}

.pdfDownloadHolder a:before {
  font-family: 'FontAwesome';
  content: "\e1fd";
  display: inline-block;
  margin-right: 8px;
  margin-left: -23px;
}

.mainContainer[dir='rtl'] .pdfDownloadHolder a:before {
  margin-right: -10px;
  margin-left: 8px;
}

/*** toc ***/
.toc {
  margin-top: 0px; /*margin-top: 24px;*/
  overflow-y: auto;
}

.toc a,
.toc li,
.toc ul
.toc .hideFocus a:focus,
.toc .hideFocus li:focus,
.toc .hideFocus ul:focus {
  outline: 0px solid black;
  -moz-box-shadow: inset 0 0 0 0 black;
  -webkit-box-shadow: inset 0 0 00 black;
  box-shadow: inset 0 0 0 0 black;
}

.toc a:focus,
.toc li:focus,
.toc ul:focus {
  -moz-box-shadow: inset 0 0 0 2px #0050C5;
  -webkit-box-shadow: inset 0 0 0 2px #0050C5;
  box-shadow: inset 0 0 0 2px #0050C5;
}

.theme_night .toc a:focus,
.theme_night .toc li:focus,
.theme_night .toc ul:focus {
  -moz-box-shadow: inset 0 0 0 2px #00a4f3;
  -webkit-box-shadow: inset 0 0 0 2px #00a4f3;
  box-shadow: inset 0 0 0 2px #00a4f3;
}

.toc ul {
  margin-bottom: 0;
}

.no-js .toc li > ul,
.toc li {
  display: block;
  position: relative;
}

.toc li.group {
  margin-top: 11px;
}

.toc li.group:after {
  content: '';
  background-color: #cfcfcf;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: -6px;
}

.toc li[aria-expanded="true"] > ul > li,
.no-js .toc li[aria-expanded="true"] > a,
.toc li[aria-expanded="true"] > a,
.toc li[aria-expanded="true"] > span,
.toc li[aria-expanded="true"],
.toc > ul > li {
  display: block;
}

.js .toc li > ul {
  height: 0;
  overflow: auto;
}

.js .toc li[aria-expanded="true"] > ul {
  height: auto;
}

.toc ul {
  padding-left: 10px;
}

.mainContainer[dir='rtl'] .toc ul {
  padding-left: 0;
  padding-right: 10px;
}

.toc > ul {
  display: block;
  margin-left: 0;
  padding-left: 0;
}

.mainContainer[dir='rtl'] .toc > ul {
  margin-right: 0;
  padding-right: 0;
}

.toc .selectedHolder {
  background-color: #0050C5;
}

.theme_night .toc .selectedHolder {
  background-color: #00a4f3;
}

.toc .selectedHolder > ul {
  background-color: #fff;
  color: #222;
}

.theme_night .toc .selectedHolder > ul {
  background-color: #1a1a1a;
  color: #ccc;
}

.toc .selectedHolder .selected {
  color: #fff;
}

.theme_night .toc .selectedHolder .selected {
  color: #1a1a1a;
}

.toc > ul span,
.toc > ul a,
.pdfDownloadHolder a {
  color: #222;
  display: block;
  font-size: .875rem;
  line-height: 1.3;
  margin-left: 1.8rem;
  margin-right: 1rem;
  padding-bottom: 6px;
  padding-top: 4px;
  word-wrap: break-word;
}

.mainContainer[dir='rtl'] .toc span,
.mainContainer[dir='rtl'] .toc a,
.mainContainer[dir='rtl'] .pdfDownloadHolder a {
  margin-left: 1rem;
  margin-right: 1.8rem;
}

.theme_night .toc > ul span,
.theme_night .toc > ul a {
  color: #ccc;
}

.toc > ul a:link,
.toc > ul a:visited,
.pdfDownloadHolder a:link,
.pdfDownloadHolder a:visited {
  color: #222;
}

.toc > ul a:hover,
.toc > ul a:active,
.pdfDownloadHolder a:hover,
.pdfDownloadHolder a:active {
  color: #0050C5;
}

.theme_night .toc a:link,
.theme_night .toc a:visited,
.theme_night .pdfDownloadHolder a:link,
.theme_night .pdfDownloadHolder a:visited {
  color: #ccc;
}

.theme_night .toc a:hover,
.theme_night .toc a:active,
.theme_night .pdfDownloadHolder a:hover,
.theme_night .pdfDownloadHolder a:active {
  color: #00a4f3;
}

.toc ul.noSibs > li:before {
  display: none !important;
}

.js .toc li.rotate[aria-expanded]:before,
.toc li[aria-expanded]:before {
  color: #222;
  font-family: FontAwesome;
  content: "\e00f";
  font-size: .55rem;
  font-weight: bold;
  left: 12px;
  padding-top: 1px;
  position: absolute;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.mainContainer[dir='rtl'] .js .toc li.rotate[aria-expanded]:before,
.mainContainer[dir='rtl'] .toc li[aria-expanded]:before {
  left: auto;
  right: 11px;
  padding-top: 2px;
  content: "\e011";
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.theme_night.js .toc li.rotate[aria-expanded]:before,
.theme_night .toc li[aria-expanded]:before {
  color: #ccc;
}

.js .toc li.selectedHolder.rotate[aria-expanded]:before,
.toc li.selectedHolder[aria-expanded]:before {
  color: #fff;
}

.theme_night.js .toc li.selectedHolder.rotate[aria-expanded]:before,
.theme_night .toc li.selectedHolder[aria-expanded]:before {
  color: #1a1a1a;
}

.js .toc li[aria-expanded]:before {
  -webkit-transition: -webkit-transform 200ms ease-out;
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

.toc li[aria-expanded="true"]:before {
  font-size: .66rem;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mainContainer[dir='rtl'] .toc li[aria-expanded="true"]:before {
  font-size: .66rem;
  padding-top: 2px;
  right: 11px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.toc li[aria-expanded] > ul > li[aria-expanded],
.toc li[aria-expanded] {
  cursor: pointer;
}

.toc ul.noSibs > li[aria-expanded] {
  cursor: default;
}

.toc li[aria-expanded] > ul > li,
.toc li[aria-expanded] > span,
.toc ul {
  cursor: default;
}

#menu-nav option.noLink {
  color: #707070;
  font-weight: bold;
}

.theme_night #menu-nav option.noLink {
  color: #ccc;
}

/*** filter ***/
.filterHolder > .emptyFilterMessage,
.tocFilter {
  color: #222;
}

.theme_night .toc > .emptyFilterMessage,
.theme_night .tocFilter {
  color: #ccc;
}

.tocFilter {
  position: relative;
}

.tocFilter > input {
  box-sizing: border-box;
  font-size: 0.875rem;
  height: 36px;
  line-height: 1.8;
  padding: 0 10px;
  width: 100%;
}

.filterHolder > .emptyFilterMessage {
  color: #222;
  display: none;
  font-size: 0.875rem;
  margin-top: 23px;
}

.filterHolder.emptyFilter > .emptyFilterMessage {
  display: block;
}

a.clearInput:link {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 24px;
  height: 24px;
  display: none;
}

.mainContainer[dir='rtl'] a.clearInput:link {
  left: 4px;
  right: auto;
}

a.clearInput:link .bar {
  stroke: #a9a9a9;
}

a.clearInput:focus {
  outline: 1px solid #0050C5;
}

a.clearInput:focus .bar {
  stroke: #0050C5;
}

.clearFilter a.clearInput:link {
  display: block;
}

.clearFilter input[type=search] {
  padding-right: 24px;
}

.mainContainer[dir='rtl'] .clearFilter input[type=search] {
  padding-left: 24px;
  padding-right: 0;
}

.clearFilter a.clearInput:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23A9A9A9' d='M6,6l14,14ZM20,6l-14,14Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 24px;
  width: 24px;
}

/*** Version Picker ***/
.versionPicker {
  -ms-touch-action: none;
  touch-action: none;
  -ms-touch-select: none;
  touch-select: none;
  display: none;
  margin-bottom: 16px;
  position: relative;
}

.versionPicker.multipleVersions {
  display: inline-block;
}

#menu-nav .versionPicker {
  margin-top: 0px;
  margin-bottom: 12px;
}

.versionPicker summary {
  cursor: pointer;
  display: block;
  margin-right: 1.0rem;
}

.versionPicker summary span {
  color: #0050C5;
}

.theme_night .versionPicker summary span {
  color: #00a4f3;
}

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

.versionPicker summary::after {
  content: "\e00f";
  font-family: FontAwesome;
  font-size: .55rem;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 1px;
}

.versionPickerHelp {
  font-size: 0.875rem;
  display: none;
  margin-bottom: 16px;
  margin-top: -16px;
}

.versionPickerHelp.hasHelp {
  display: block;
}

details.versionPicker > summary:after,
details.versionPicker.open > summary:after {
  -webkit-transition: -webkit-transform 200ms ease-out;
  -moz-transition: -moz-transform 200ms ease-out;
  -o-transition: -o-transform 200ms ease-out;
  transition: transform 200ms ease-out;
}

details.versionPicker.open > summary::after {
  transform: rotate(90deg);
}

.versionPicker ol {
  background-color: #fff;
  border: 1px solid #A9A9A9;
  box-shadow: 0px 0px 7px 2px rgba(76, 102, 139, 0.15);
  display: none;
  width: 100%;
  min-width: 200px;
  padding: 0px 0px 10px 0px;
  position: absolute;
  z-index: 100;
}

.versionPicker.open ol {
  display: block;
}

.versionPicker li {
  display: none;
  padding: 5px 10px 0px 15px;
}

.versionPicker li.inGroup {
  display: block;
}

#menu-nav .api-search-field {
  margin-bottom: 28px;
  /* create space between the mobile api browser and the search results */
}

@media (max-width: 767.99999px) {
  html.mobile-api-browser-has-results .mobilenavi,
  html.mobile-api-browser-has-results main {
    display: none;
  }
.toc > ul span,
.toc > ul a,
.pdfDownloadHolder a {
  padding-top: 0;
}
}

nav.toc .c-progress.f-indeterminate-regional {
  min-width: unset;
}

.dockpanel {
  display: flex;
  flex-direction: column;
  position: fixed;
  height: 80vh;
  width: 100%;
  top: 101vh;
  transition: top 0.1s ease;
  color: #CFCFCF;
  background-color: #4A4A4A;
  z-index: 500;
}

.dockpanel-maximized {
  top: 20vh;
}

@media (min-height: 500px) {
  .dockpanel {
    height: 60vh;
  }
  .dockpanel-maximized {
    top: 40vh;
  }
}

@media (min-height: 700px) {
  .dockpanel {
    height: 45vh;
  }
  .dockpanel-maximized {
    top: 55vh;
  }
}

@media (min-width: 768px) and (max-width: 1083.99999px) {
  .dockpanel {
    left: calc(220px + 2 * 24px);
    width: calc(100% - 220px - 3 * 24px);
  }
}

@media (min-width: 1084px) and (max-width: 1199.99999px) {
  .dockpanel {
    left: calc(5% + 220px + 24px);
    width: calc(90% - 220px - 24px);
  }
}

@media (min-width: 1200px) and (max-width: 1499.99999px) {
  .dockpanel {
    left: calc(5% + 220px + 24px);
    width: calc(90% - 220px - 230px - 2 * 24px);
  }
}

@media (min-width: 1500px) and (max-width: 1794.99999px) {
  .dockpanel {
    left: calc(5% + 260px + 24px);
    width: calc(90% - 260px - 230px - 2 * 24px);
  }
}

@media (min-width: 1795px) {
  .dockpanel {
    left: calc(5% + 260px + 24px + (90% - 1600px) / 2);
    width: calc(1600px - 260px - 230px - 2 * 24px);
  }
}

.dockpanel-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 36px;
}

.dockpanel-header > h2 {
  display: inline-block;
  flex-grow: 1;
  font-size: 1rem;
  margin: 0;
  padding: 2px 10px;
}

.dockpanel-header > button,
.dockpanel-header > a.flat-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  color: inherit;
  background: transparent;
  border: none;
  width: 34px;
  padding: 0 10px;
  cursor: pointer;
}

.dockpanel-header > button:hover,
.dockpanel-header > a:hover {
  color: #fff;
}

.dockpanel-header .flat-button:before {
  display: inline-block;
  height: 14px;
  line-height: normal;
  width: 14px;
}

.dockpanel-header .flat-button.minimize:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23CFCFCF' d='M0 10.3h14v3H0z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.minimize:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M0 10.3h14v3H0z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.close:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23CFCFCF' d='M7.8 7l5.2 5.3-.7.7L7 7.8 1.7 13l-.7-.7L6.2 7 1 1.7l.7-.7L7 6.2 12.3 1l.7.7L7.8 7z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.close:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M7.8 7l5.2 5.3-.7.7L7 7.8 1.7 13l-.7-.7L6.2 7 1 1.7l.7-.7L7 6.2 12.3 1l.7.7L7.8 7z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.refresh:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23CFCFCF' d='M14 7c0 .9-.2 1.8-.5 2.6s-.8 1.6-1.5 2.2c-.6.6-1.4 1.1-2.2 1.5-.8.3-1.7.5-2.6.5-.9 0-1.8-.2-2.6-.5s-1.6-.8-2.2-1.5c-.6-.7-1-1.4-1.4-2.2C.7 8.8.5 7.9.5 7c0-1.5.5-2.9 1.4-4.1.6-.8 1.3-1.4 2.3-1.9H1V0h5v5H5V1.7c-1 .5-1.9 1.2-2.5 2.1-.6 1-1 2-1 3.2 0 1 .3 2 .8 2.9.5.9 1.2 1.6 2.1 2.1s1.8.8 2.9.8c1 0 2-.3 2.9-.8s1.6-1.2 2.1-2.1C12.7 9 13 8 13 7c0-.9-.2-1.8-.6-2.6-.4-.8-1-1.5-1.7-2l.6-.8c.8.6 1.5 1.4 2 2.4.5.9.7 1.9.7 3z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.refresh:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M14 7c0 .9-.2 1.8-.5 2.6s-.8 1.6-1.5 2.2c-.6.6-1.4 1.1-2.2 1.5-.8.3-1.7.5-2.6.5-.9 0-1.8-.2-2.6-.5s-1.6-.8-2.2-1.5c-.6-.7-1-1.4-1.4-2.2C.7 8.8.5 7.9.5 7c0-1.5.5-2.9 1.4-4.1.6-.8 1.3-1.4 2.3-1.9H1V0h5v5H5V1.7c-1 .5-1.9 1.2-2.5 2.1-.6 1-1 2-1 3.2 0 1 .3 2 .8 2.9.5.9 1.2 1.6 2.1 2.1s1.8.8 2.9.8c1 0 2-.3 2.9-.8s1.6-1.2 2.1-2.1C12.7 9 13 8 13 7c0-.9-.2-1.8-.6-2.6-.4-.8-1-1.5-1.7-2l.6-.8c.8.6 1.5 1.4 2 2.4.5.9.7 1.9.7 3z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.feedback:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23CFCFCF' d='M13.1 10.5c-.6 1.1-1.5 1.9-2.5 2.5-1.2.7-2.3 1-3.6 1-1.3 0-2.4-.3-3.5-.9-1.1-.6-1.9-1.5-2.5-2.5C.3 9.4 0 8.3 0 7c0-1.3.3-2.4.9-3.5.6-1.1 1.5-1.9 2.5-2.5C4.6.3 5.7 0 7 0c1.3 0 2.4.3 3.5.9 1.1.6 1.9 1.5 2.5 2.5.7 1.2 1 2.3 1 3.6 0 1.3-.3 2.4-.9 3.5zM12.2 4c-.5-.9-1.3-1.6-2.2-2.2-.9-.5-1.9-.8-3-.8s-2.1.3-3 .8c-.9.6-1.6 1.3-2.2 2.2-.5.9-.8 1.9-.8 3s.3 2.1.8 3c.5.9 1.3 1.6 2.2 2.2.9.5 1.9.8 3 .8s2.1-.3 3-.8c.9-.5 1.6-1.3 2.2-2.2.5-.9.8-1.9.8-3s-.3-2.1-.8-3zm-3 6.6c-.7.4-1.4.6-2.2.6-.8 0-1.5-.2-2.2-.6S3.7 9.7 3.3 9l.9-.5c.3.5.7 1 1.2 1.3s1.1.5 1.7.5c.6 0 1.2-.2 1.7-.5s.7-.8 1-1.3l.9.5c-.4.7-.9 1.2-1.5 1.6zM5 4.6c-.2-.1-.4-.2-.6-.2s-.5.1-.6.2c-.2.2-.3.4-.3.6s.1.5.2.6c.2.2.4.3.7.3s.4-.1.6-.2c.2-.2.2-.4.2-.6s0-.5-.2-.7zm5.2 0c.2.2.2.4.2.6s-.1.5-.2.6c-.1.2-.3.3-.6.3S9.2 6 9 5.9c-.2-.2-.2-.4-.2-.7s0-.4.2-.6c.2-.2.4-.2.6-.2s.5.1.6.2z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-header .flat-button.feedback:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M13.1 10.5c-.6 1.1-1.5 1.9-2.5 2.5-1.2.7-2.3 1-3.6 1-1.3 0-2.4-.3-3.5-.9-1.1-.6-1.9-1.5-2.5-2.5C.3 9.4 0 8.3 0 7c0-1.3.3-2.4.9-3.5.6-1.1 1.5-1.9 2.5-2.5C4.6.3 5.7 0 7 0c1.3 0 2.4.3 3.5.9 1.1.6 1.9 1.5 2.5 2.5.7 1.2 1 2.3 1 3.6 0 1.3-.3 2.4-.9 3.5zM12.2 4c-.5-.9-1.3-1.6-2.2-2.2-.9-.5-1.9-.8-3-.8s-2.1.3-3 .8c-.9.6-1.6 1.3-2.2 2.2-.5.9-.8 1.9-.8 3s.3 2.1.8 3c.5.9 1.3 1.6 2.2 2.2.9.5 1.9.8 3 .8s2.1-.3 3-.8c.9-.5 1.6-1.3 2.2-2.2.5-.9.8-1.9.8-3s-.3-2.1-.8-3zm-3 6.6c-.7.4-1.4.6-2.2.6-.8 0-1.5-.2-2.2-.6S3.7 9.7 3.3 9l.9-.5c.3.5.7 1 1.2 1.3s1.1.5 1.7.5c.6 0 1.2-.2 1.7-.5s.7-.8 1-1.3l.9.5c-.4.7-.9 1.2-1.5 1.6zM5 4.6c-.2-.1-.4-.2-.6-.2s-.5.1-.6.2c-.2.2-.3.4-.3.6s.1.5.2.6c.2.2.4.3.7.3s.4-.1.6-.2c.2-.2.2-.4.2-.6s0-.5-.2-.7zm5.2 0c.2.2.2.4.2.6s-.1.5-.2.6c-.1.2-.3.3-.6.3S9.2 6 9 5.9c-.2-.2-.2-.4-.2-.7s0-.4.2-.6c.2-.2.4-.2.6-.2s.5.1.6.2z'%3E%3C/path%3E%3C/svg%3E");
}

.dockpanel-body {
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.c-progress {
  min-height: 50px;
}

progress.c-progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  min-width: 296px;
  height: 4px;
}

progress.c-progress::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0.2);
}

progress.c-progress::-webkit-progress-value {
  background: #0067b8;
}

progress.c-progress::-moz-progress-bar {
  background: #0067b8;
}

progress.c-progress > [role=progressbar] {
  display: block;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  min-width: 296px;
  width: 100%;
  height: 4px;
}

progress.c-progress > [role=progressbar] > span {
  display: block;
  position: relative;
  height: 100%;
  background: #0067b8;
  color: #0067b8;
}

.c-progress {
  display: block;
  margin-top: 12px;
}

@media screen and (-ms-high-contrast) {
  .c-progress.f-indeterminate-local span:after,
  .c-progress.f-indeterminate-regional span:after {
    background: #FFF;
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .c-progress.f-indeterminate-local span:after,
  .c-progress.f-indeterminate-regional span:after {
    background: #000;
  }
}

.c-progress.f-indeterminate-regional {
  position: relative;
  min-width: 296px;
  width: 100%;
}

.c-progress.f-indeterminate-regional span {
  position: absolute;
  display: inline-block;
  opacity: 0;
  -webkit-animation: dots 4s infinite;
  animation: dots 4s infinite;
}

.c-progress.f-indeterminate-regional span:after {
  content: "";
  position: absolute;
  display: inline-block;
  background: #0067b8;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.c-progress.f-indeterminate-regional span:nth-child(1) {
  -webkit-animation-delay: 50ms;
  animation-delay: 50ms;
}

.c-progress.f-indeterminate-regional span:nth-child(1):after {
  left: -10px;
}

.c-progress.f-indeterminate-regional span:nth-child(2) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

.c-progress.f-indeterminate-regional span:nth-child(2):after {
  left: -20px;
}

.c-progress.f-indeterminate-regional span:nth-child(3) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}

.c-progress.f-indeterminate-regional span:nth-child(3):after {
  left: -30px;
}

.c-progress.f-indeterminate-regional span:nth-child(4) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.c-progress.f-indeterminate-regional span:nth-child(4):after {
  left: -40px;
}

.c-progress.f-indeterminate-regional span:nth-child(5) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

.c-progress.f-indeterminate-regional span:nth-child(5):after {
  left: -50px;
}

@-webkit-keyframes dots {
  0%, 20% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0;
  }
  25%,
  75% {
    opacity: 1;
  }
  35% {
    left: 45%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  65% {
    left: 55%;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100%,
  80% {
    left: 100%;
    opacity: 0;
  }
}

@keyframes dots {
  0%, 20% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 0;
  }
  25%,
  75% {
    opacity: 1;
  }
  35% {
    left: 45%;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  65% {
    left: 55%;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100%,
  80% {
    left: 100%;
    opacity: 0;
  }
}

.c-progress.f-indeterminate-local {
  position: relative;
}

.c-progress.f-indeterminate-local span {
  position: absolute;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-animation: orbit 5.5s infinite;
  animation: orbit 5.5s infinite;
}

.c-progress.f-indeterminate-local span:after {
  content: '';
  position: absolute;
  border-radius: 100%;
  background: #0067b8;
}

.c-progress.f-indeterminate-local span:nth-child(2) {
  -webkit-animation-delay: 240ms;
  animation-delay: 240ms;
}

.c-progress.f-indeterminate-local span:nth-child(3) {
  -webkit-animation-delay: 480ms;
  animation-delay: 480ms;
}

.c-progress.f-indeterminate-local span:nth-child(4) {
  -webkit-animation-delay: 720ms;
  animation-delay: 720ms;
}

.c-progress.f-indeterminate-local span:nth-child(5) {
  -webkit-animation-delay: 960ms;
  animation-delay: 960ms;
}

.c-progress.f-indeterminate-local.f-progress-large,
.c-progress.f-indeterminate-local.f-progress-large span {
  width: 60px;
  height: 60px;
}

.c-progress.f-indeterminate-local.f-progress-large span:after {
  width: 6px;
  height: 6px;
}

.c-progress.f-indeterminate-local.f-progress-small {
  width: 20px;
  height: 20px;
}

.c-progress.f-indeterminate-local.f-progress-small span {
  width: 25px;
  height: 25px;
}

.c-progress.f-indeterminate-local.f-progress-small span:after {
  width: 3px;
  height: 3px;
}

@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  7% {
    -webkit-transform: rotate(345deg);
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  30% {
    -webkit-transform: rotate(455deg);
    transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  39% {
    -webkit-transform: rotate(690deg);
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  70% {
    -webkit-transform: rotate(815deg);
    transform: rotate(815deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100%,
  76% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
    opacity: 0;
  }
}

@keyframes orbit {
  0% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  7% {
    -webkit-transform: rotate(345deg);
    transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  30% {
    -webkit-transform: rotate(455deg);
    transform: rotate(455deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  39% {
    -webkit-transform: rotate(690deg);
    transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  70% {
    -webkit-transform: rotate(815deg);
    transform: rotate(815deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  75% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100%,
  76% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
    opacity: 0;
  }
}

.cloud-shell {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

.cloud-shell .cli-frame {
  box-sizing: border-box;
  flex-grow: 1;
  padding-left: 5px;
  width: 100%;
}

.cloud-shell.cli .cli-frame {
  background-color: #000;
}

.cloud-shell.powershell .cli-frame {
  background-color: #012456;
}

.cloud-shell .message-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
  flex-grow: 1;
  width: 100%;
}

.cloud-shell .message-container h3 {
  display: inline-block;
  flex-shrink: 0;
  font-family: segoe-ui_normal, "Segoe UI", Segoe, "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
  margin: 20px 0 0 0;
  padding: 0;
}

.cloud-shell .message-container .c-progress {
  transform: translateX(-50%);
}

.cloud-shell .message-container .c-progress span:after {
  background-color: currentColor;
}

.cloud-shell .message-container a.cloud-shell-login {
  background-color: #0072c6;
  color: #fff;
  display: inline-flex;
  padding: 7px 15px;
  text-decoration: none;
  align-items: center;
  line-height: normal;
}

.cloud-shell .message-container a.cloud-shell-login:hover {
  background-color: #005593;
}

.cloud-shell .message-container a.cloud-shell-login:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%23ffffff' d='M11 6.5l-5.8 5.8-.7-.7 5.2-5.2-5.3-5.1.7-.7L11 6.5z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 1rem;
  margin-left: 3px;
  width: 1rem;
}

.mainContainer[dir='rtl'] .cloud-shell .message-container a.cloud-shell-login:after {
  margin-left: 0px;
  margin-right: 3px;
}

.cloud-shell-tokens {
  display: inline-block;
  flex-grow: 1;
  margin-top: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
}

.cloud-shell-tokens > button {
  display: block;
  width: 100%;
  padding: 5px 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: transparent;
  border: none;
}

.cloud-shell-tokens > button > span {
  display: block;
}

.cloud-shell-tokens > button > span:last-child {
  font-size: 80%;
}

.cloud-shell-tokens > button:hover,
.cloud-shell-tokens > button:focus {
  color: #fff;
  background-color: #0072c6;
}

.cloud-shell .message-container > p {
  flex-shrink: 0;
  margin: 0 15px 15px 15px;
}

.tabGroup {
  margin-top: 1rem;
}

.tabGroup ul[role="tablist"] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabGroup ul[role="tablist"] > li {
  list-style: none;
  display: inline-block;
}

.tabGroup a[role="tab"] {
  color: #6e6e6e;
  box-sizing: border-box;
  display: inline-block;
  padding: 5px 7.5px;
  text-decoration: none;
  border-bottom: 2px solid #fff;
}

.tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus, .tabGroup a[role="tab"][aria-selected="true"] {
  border-bottom: 2px solid #0050C5;
}

.tabGroup a[role="tab"][aria-selected="true"] {
  color: #222;
}

.tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus {
  color: #0050C5;
}

.tabGroup a[role="tab"]:focus {
  outline: 1px solid #0050C5;
  outline-offset: -1px;
}

@media (min-width: 768px) {
  .tabGroup a[role="tab"] {
    padding: 5px 15px;
  }
}

.tabGroup section[role="tabpanel"] {
  border: 1px solid #e0e0e0;
  padding: 15px;
  overflow: hidden;
}

.tabGroup section[role="tabpanel"] > .codeHeader,
.tabGroup section[role="tabpanel"] > pre {
  margin-left: 0px;
  margin-right: 0px;
}

.tabGroup section[role="tabpanel"] > :first-child {
  margin-top: 0;
}

.tabGroup section[role="tabpanel"] > pre:last-child {
  display: block;
  margin-bottom: 0px;
}

html.theme_night .tabGroup a[role="tab"] {
  color: #828282;
}

html.theme_night .tabGroup a[role="tab"]:hover, html.theme_night .tabGroup a[role="tab"]:focus, html.theme_night .tabGroup a[role="tab"][aria-selected="true"] {
  border-bottom: 2px solid #00a4f3;
}

html.theme_night .tabGroup a[role="tab"][aria-selected="true"] {
  color: #ccc;
}

html.theme_night .tabGroup a[role="tab"]:hover, html.theme_night .tabGroup a[role="tab"]:focus {
  color: #00a4f3;
}

html.theme_night .tabGroup a[role="tab"]:focus {
  outline: 1px solid #00a4f3;
  outline-offset: -1px;
}

html.theme_night .tabGroup section[role="tabpanel"] {
  border-color: #333;
}

.mainContainer[dir='rtl'] main ul[role="tablist"] {
  margin: 0;
}

/****************************************************************************
 * Basic dotnet-online styles for any context
 ****************************************************************************/
.dotnet-online > .editor {
  width: 100%;
  border: 0;
}

.dotnet-online > .output {
  overflow-x: hidden;
  overflow-y: auto;
  border: none;
  margin: 0;
  padding: 12px 15px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/****************************************************************************
 * dotnet-online in a code block styles
 ****************************************************************************/
.codeBlock {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  transition: height 0.5s ease;
}

.codeBlock > .codeHeader {
  flex-grow: 0;
  flex-shrink: 0;
  box-shadow: border-box;
  margin: 0;
}

.codeBlock > .codeBody {
  position: relative;
  flex-grow: 1;
  transition: opacity 0.5s ease;
}

.codeBlock > .codeBody > pre {
  margin: 0;
}

.codeBlock > .codeBody > .dotnet-online {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  transition: opacity 0.5s ease;
  opacity: 0;
}

.codeBlock > .codeBody > .dotnet-online > .editor {
  transition: height 0.5s ease;
  height: 100%;
}

.codeBlock > .codeBody > .dotnet-online > .output {
  flex-grow: 1;
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
  max-height: 91px;
}

.codeBlock > .codeBody > .dotnet-online > .output.error {
  color: red;
}

.codeBlock.interactive > .codeBody > pre {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.codeBlock.interactive > .codeBody > .dotnet-online {
  opacity: 1;
}

.codeBlock.interactive > .codeBody > .dotnet-online > .editor {
  height: calc(100% - 91px);
}

.theme_night .codeBlock > .codeBody > .dotnet-online {
  border: 1px solid #333;
}

.theme_night .codeBlock > .codeBody > .dotnet-online > .output {
  background-color: #222324;
  border-top: 1px solid #333;
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.busy {
  color: transparent !important;
  pointer-events: none;
  position: relative;
}

.busy:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #707070;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  left: calc(50% - 1em / 2 - 2px);
  top: calc(50% - 1em / 2 - 1px);
  position: absolute;
}

.theme_night .busy:after {
  border-left-color: #ccc;
  border-bottom-color: #ccc;
}

/**
 * Responsive 1, 2, 3 and 4 column layout
 */
.cols {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cols > * {
  box-sizing: content-box;
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
  list-style: none;
  margin-top: 24px;
}

.cols.noSpace > * {
  margin-top: 0;
}

@media only screen and (min-width: 925px) {
  .cols.cols2 > *,
  .cols.cols3 > *,
  .cols.cols4 > * {
    flex-basis: calc(50% - 24px / 2);
  }
  .cols.cols3.discrete > * {
    flex-basis: 100%;
  }
}

@media only screen and (min-width: 1024px) {
  .cols.cols3 > *,
  .cols.cols3.discrete > * {
    flex-basis: calc(33.33333% - 24px * 2 / 3);
  }
}

@media only screen and (min-width: 1280px) {
  .cols.cols4 > * {
    flex-basis: calc(25% - 24px * 3 / 4);
  }
}

.metadata {
  color: #6e6e6e;
  display: block;
  font-size: 0.875rem;
  overflow: hidden;
}

.theme_night .metadata {
  color: #828282;
}

.theme_night .metadata .loading,
.metadata .loading {
  color: transparent;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200ms ease-out;
  -o-transition: color 200ms ease-out;
  transition: color 200ms ease-out;
}

.metadata .date:after {
  margin-left: 5px;
  content: "�";
}

.mainContainer[dir='rtl'] .metadata .date:after {
  margin-left: 0;
  margin-right: 5px;
}

.metadata .contributors {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main .metadata .contributors > li {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.metadata .contributors-text {
  margin-right: 5px;
}

.mainContainer[dir='rtl'] .metadata .contributors-text {
  margin-right: 0;
}

.metadata .contributors-text:before {
  content: "�";
  margin-right: 5px;
}

#main .metadata .contributors > li img,
.metadata .contributors > li img {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  margin-top: 5px;
}

@media only screen and (max-width: 1023px) {
  .metadata {
    margin: 0 0 12px;
  }
}

.api-search-heading {
  font-family: segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.2rem;
  color: #4c668b;
  margin: 35px 0 10px 0;
}

.api-search-field {
  box-sizing: border-box;
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  border-top: 1px solid currentColor;
  font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif;
  font-size: 14px;
  width: 100%;
}

.api-search-field option {
  background-color: #fff;
  color: #222;
}

.api-search-field select,
.api-search-field input {
  font-size: 0.875rem;
  width: 100%;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
}

.api-search-field select:focus,
.api-search-field input:focus {
  outline: none;
  border: 1px solid #0050C5;
}

.api-search-field select {
  padding: 0 28px 0 6px;
}

.api-search-field input {
  padding: 0 18px 0 6px;
}

.api-search-field .component-group {
  position: relative;
  border-bottom: 1px solid currentColor;
}

.api-search-field input.empty + a {
  display: none;
}

/*.api-search-field .terminal-prompt,*/
/* terminal prompt removed in this release */
.api-search-field .select-caret {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  font-family: FontAwesome !important;
  font-style: normal;
  text-align: center;
  font-size: 10px;
  pointer-events: none;
}

/*
.api-search-field .terminal-prompt {
    top: 4px;
    left: 5px;
}
*/
.api-search-field .select-caret {
  top: 4px;
  right: 2px;
  width: 24px;
  height: 24px;
  border-right: 1px solid currentColor;
}

.api-search-field a {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  top: 3px;
  right: 1px;
}

@media (min-width: 768px) and (max-width: 1499.99999px) {
  .api-search-field.reference select {
    padding: 0 18px 0 4px;
    font-size: 0.8125rem;
  }
  .api-search-field.reference .select-caret {
    width: 18px;
  }
}

@media (max-width: 449.99999px), (min-width: 768px) {
  .api-search-field.reference > .component-group:nth-child(1) {
    display: inline-block;
    width: 65%;
  }
  .api-search-field.reference > .component-group:nth-child(2) {
    display: inline-block;
    width: 35%;
  }
  .api-search-field.reference > .component-group:nth-child(3) {
    display: block;
  }
  .api-search-field.reference > .component-group:nth-child(2) > .select-caret {
    border-right: none;
  }
}

@media (min-width: 450px) and (max-width: 767.99999px) {
  .api-search-field.reference {
    display: flex;
  }
  .api-search-field.reference > .component-group:nth-child(1) {
    max-width: 200px;
  }
  .api-search-field.reference > .component-group:nth-child(1),
  .api-search-field.reference > .component-group:nth-child(2) {
    display: inline-block;
    flex-grow: 0;
  }
  .api-search-field.reference > .component-group:nth-child(3) {
    display: inline-block;
    flex-grow: 1;
  }
}

/*************************************************************************
 * standalone sizing
 *************************************************************************/
.api-search-field.standalone select,
.api-search-field.standalone input {
  font-size: 1rem;
  height: 45px;
}

.api-search-field.standalone select {
  padding-left: 12px;
}

.api-search-field.standalone input {
  padding-left: 12px;
  padding-right: 24px;
}

.api-search-field.standalone a {
  top: 10px;
  right: 8px;
}

/*
.api-search-field.standalone .terminal-prompt {
    font-size: 12px;
    top: 10px;
}
*/
.api-search-field.standalone .select-caret {
  font-size: 12px;
  top: 8px;
  height: 30px;
  padding-top: 4px;
}

@media (max-width: 549.99999px) {
  .api-search-field.standalone > .component-group:nth-child(1) {
    display: inline-block;
    width: 65%;
  }
  .api-search-field.standalone > .component-group:nth-child(2) {
    display: inline-block;
    width: 35%;
  }
  .api-search-field.standalone > .component-group:nth-child(3) {
    display: block;
  }
  .api-search-field.standalone.all-apis > .component-group:nth-child(1) {
    width: 100%;
  }
  .api-search-field.standalone.all-apis > .component-group:nth-child(2) {
    display: none;
  }
  .api-search-field.standalone > .component-group:nth-child(2) > .select-caret,
  .api-search-field.standalone.all-apis > .component-group:nth-child(1) > .select-caret {
    border-right: none;
  }
}

@media (min-width: 550px) {
  .api-search-field.standalone {
    display: flex;
  }
  .api-search-field.standalone > .component-group:nth-child(1) {
    max-width: 200px;
  }
  .api-search-field.standalone > .component-group:nth-child(1),
  .api-search-field.standalone > .component-group:nth-child(2) {
    display: inline-block;
    flex-grow: 0;
  }
  .api-search-field.standalone > .component-group:nth-child(3) {
    display: inline-block;
    flex-grow: 1;
  }
  .api-search-field.standalone.all-apis > .component-group:nth-child(2) {
    display: none;
  }
}

/*************************************************************************
 * colors
 *************************************************************************/
/* light theme */
.api-search-field,
.api-search-field .component-group,
.api-search-field select,
.api-search-field input,
.api-search-field .select-caret {
  background-color: #f9f9f9;
  color: #222;
}

.api-search-field,
.api-search-field .component-group,
.api-search-field .select-caret {
  border-color: #d3d6db;
}

.api-search-field .bar {
  stroke: #222;
}

/* dark theme */
html.theme_night .api-search-field,
html.theme_night .api-search-field .component-group,
html.theme_night .api-search-field select,
html.theme_night .api-search-field input,
html.theme_night .api-search-field .select-caret {
  background-color: #242424;
  color: #ddd;
}

html.theme_night .api-search-field,
html.theme_night .api-search-field .component-group,
html.theme_night .api-search-field .select-caret {
  border-color: #333;
}

html.theme_night .api-search-field .bar {
  stroke: #abc5f0;
}

/* drop shadow for both light and dark */
.api-search-field.focused {
  box-shadow: 0px 0px 7px 2px rgba(76, 102, 139, 0.15);
}

/******************************************************************************
 * api-search-quick-filter component
 ******************************************************************************/
.api-search-quick-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.api-search-quick-filter > div,
.api-search-quick-filter h2 {
  flex-basis: 100%;
}

@media (min-width: 769px) {
  .api-search-quick-filter > div {
    flex-basis: calc((100% - 24px - 24px) / 3);
  }
}

.api-search-quick-filter button {
  border: none;
  cursor: pointer;
  background-color: transparent;
  padding: 5px 12px;
  display: block;
  width: 100%;
  text-align: left;
}

.api-search-quick-filter button:hover {
  color: #1E47C4;
  background-color: rgba(0, 80, 197, 0.15);
}

/******************************************************************************
 * api-search-results
 ******************************************************************************/
.api-search-results {
  table-layout: fixed;
  width: 100%;
}

.api-search-results th {
  text-align: left;
}

.api-search-results:not(.standalone) th,
.api-search-results:not(.standalone) td {
  margin: 0;
  padding: 6px 4px 6px 0px;
  line-height: 18px;
  font-size: 14px;
}

.api-search-results td > img {
  margin-bottom: -4px;
}

.api-search-results th:nth-child(1) {
  width: 40px;
}

.api-search-results th:nth-child(3),
.api-search-results td:nth-child(3) {
  display: none;
}

@media (min-width: 768px) {
  .api-search-results.standalone th:nth-child(2) {
    width: 25%;
  }
  .api-search-results.standalone th:nth-child(3),
  .api-search-results.standalone td:nth-child(3) {
    display: table-cell;
  }
}

.api-search-results-heading {
  display: none;
}

@media (min-width: 768px) {
  .api-search-results-heading {
    display: block;
    margin: 35px 0 20px 0;
  }
}

.api-search-results-heading .moniker-version {
  font-size: 1rem;
  color: #6e6e6e;
}

html.theme_night .api-search-results-heading .moniker-version {
  color: #828282;
}

#livefyre-comments {
  margin-top: 4em;
}

.theme_night .fyre .fyre-comment > p {
  background-color: #1a1a1a;
  color: #ccc;
}

/* Livefyre sidenotes */
#main p, #main ol, #main ul {
  position: relative !important;
  padding-right: 25px !important;
}

.mainContainer[dir='rtl'] #main p, .mainContainer[dir='rtl'] #main ol, .mainContainer[dir='rtl'] #main ul {
  padding-right: 0px !important;
}

.lf-thread-btn, .lf-mobile-thread-btn {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}

.fyre-editor .fyre-editor-toolbar .fyre-format-toolbar {
  float: left !important;
  position: static !important;
}

.fyre-editor .fyre-editor-toolbar .fyre-mention-button.fyre-button-left.fyre-button-left-open {
  border-bottom: 1px solid #BFBFBF !important;
  border-top: 1px solid #fff !important;
}

.fyre-editor .fyre-editor-toolbar .fyre-mention-menu {
  bottom: 29px !important;
  min-height: 25px;
  top: auto !important;
}

/* Livefyre dark notes */
.theme_night .fyre .fyre-stream-livecount,
.theme_night .fyre .fyre-stream-stats,
.theme_night .fyre .fyre-user-loggedout,
.theme_night .fyre-editor .fyre-editor-container .fyre-editor-editable.editable,
.theme_night .fyre-editor .fyre-editor-toolbar .goog-toolbar > div {
  color: #828282 !important;
}

.theme_night .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button {
  background-color: #007dbb !important;
}

/*

Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>

*/
.line-highlight {
  background-color: #ffc;
}

.hljs-comment {
  color: #008000;
}

.hljs-pscommand,
.hljs-keyword,
.hljs-selector-tag,
.hljs-built_in,
.hljs-name,
.hljs-tag {
  color: #0101FD;
}

.hljs-literal {
  color: #09885a;
}

.hljs-string,
.hljs-section,
.hljs-template-tag,
.hljs-template-variable,
.hljs-deletion,
.hljs-code {
  color: #a31515;
}

.hljs-parameter,
.hljs-type,
.hljs-attribute,
.hljs-title,
.hljs-addition,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-meta {
  color: #007d9a;
}

.hljs-doctag {
  color: #737373;
}

.hljs-attr {
  color: #f00;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link {
  color: #00b0e8;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.theme_night .line-highlight {
  background-color: darkgreen;
}

.theme_night .hljs-comment {
  color: #57A64A;
}

.theme_night .hljs-number {
  color: #b5cea8;
}

.theme_night .hljs-pscommand,
.theme_night .hljs-keyword,
.theme_night .hljs-selector-tag,
.theme_night .hljs-built_in,
.theme_night .hljs-name,
.theme_night .hljs-tag {
  color: #569cd6;
}

.theme_night .hljs-literal {
  color: #569cd6;
}

.theme_night .hljs-title {
  color: #4EC9B0;
}

.theme_night .hljs-string,
.theme_night .hljs-section,
.theme_night .hljs-attribute,
.theme_night .hljs-template-tag,
.theme_night .hljs-template-variable,
.theme_night .hljs-deletion,
.theme_night .hljs-type,
.theme_night .hljs-code {
  color: #ce9178;
}

.theme_night .hljs-addition,
.theme_night .hljs-selector-attr,
.theme_night .hljs-selector-pseudo,
.theme_night .hljs-meta {
  color: #2b91af;
}

.theme_night .hljs-doctag {
  color: #808080;
}

.theme_night .hljs-attr {
  color: #9cdcfe;
}

.theme_night .hljs-symbol,
.theme_night .hljs-bullet,
.theme_night .hljs-link {
  color: #808080;
}

.theme_night .hljs-emphasis {
  font-style: italic;
}

.theme_night .hljs-strong {
  font-weight: bold;
}

.line-highlight {
  margin: 0 -12px;
  padding: 0 12px;
}

/* Original: font.css */
@font-face {
  font-family: 'FontAwesome';
  /* Use RuckSack CSS font path shortcut */
  font-path: '../fonts/fontawesome-icons';
  font-weight: normal;
  font-style: normal;
}

i {
  display: inline-block;
  speak: none;
  /* Better Font Rendering =========== */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font: normal normal 300 14px/1 FontAwesome !important;
  font-size: inherit;
  text-transform: none;
  background-color: transparent !important;
   border: none !important;
}

.icon-heart:before {
  content: "\e006";
}

.icon-arrow-left:before {
  content: "\e00e";
}

.icon-arrow-right:before {
  content: "\e00f";
}

.icon-arrow-up:before {
  content: "\e010";
}

.icon-arrow-down:before {
  content: "\e011";
}

.icon-arrow-left-1:before {
  content: "\e0a6";
}

.icon-arrow-right-1:before {
  content: "\e0ab";
}

.icon-editor:before {
  content: "\e104";
}

.icon-arrow-up-1:before {
  content: "\e110";
}

.icon-option:before {
  content: "\e115";
}

.icon-help:before {
  content: "\e11b";
}

.icon-world:before {
  content: "\e128";
}

.icon-comments:before {
  content: "\e134";
}

.icon-note:before {
  content: "\e160";
}

.icon-code:before {
  content: "\e1b6";
}

.icon-arrow-down-1:before {
  content: "\e1fd";
}

.icon-assembly:before {
  content: "\e2f7";
}

.icon-share:before {
  content: "\e72d";
}

.icon-cloud:before {
  content: "\e753";
}

.icon-info:before {
  content: "\e783";
}

.icon-warning:before {
  content: "\e7ba";
}

.icon-tip:before {
  content: "\e82f";
}

.icon-conversation:before {
  content: "\e8f2";
}

.icon-windows:before {
  content: "\e8fd";
}

.icon-twitter:before {
  content: "\f099";
}

.icon-inheritance:before {
  content: "\f0e8";
}

.icon-skype:before {
  content: "\f17e";
}

.icon-slack:before {
  content: "\f198";
}

.icon-facebook:before {
  content: "\f230";
}

.icon-vk:before {
  content: "\e900";
}

.icon-wechat:before {
  content: "\e901";
}

.icon-weibo:before {
  content: "\e902";
}

.icon-syntax:before {
  content: "\e1b6";
}

.icon-disclaimer:before {
  content: "\e814";
}

.icon-email:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#0050C5' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z'/%3E%3C/svg%3E");
}

.theme_night .icon-email:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#00a4f3' viewBox='0 0 24 24'%3E%3Cpath d='M12 12.713l-11.985-9.713h23.97l-11.985 9.713zm0 2.574l-12-9.725v15.438h24v-15.438l-12 9.725z'/%3E%3C/svg%3E");
}

.icon-linkedin:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#0050C5' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");
}

.theme_night .icon-linkedin:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#00a4f3' viewBox='0 0 24 24'%3E%3Cpath d='M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z'/%3E%3C/svg%3E");
}

a.nohref {
  cursor: pointer;
}

a.button:hover {
  background-color: #0050C5;
  color: #f5f5f5;
}

a.button {
  position: relative;
  display: inline-block;
  font-size: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: top;
  padding: 2px 7px;
  border-radius: 2px;
  border: 0;
  background-color: #0050C5;
  color: #fcfcfc;
}

.theme_night a.button {
  background-color: #00a4f3;
  color: #fff;
}

.theme_night a.button:hover {
  color: #ccc;
}

.primary-action,
.primary-action:link,
.primary-action:visited,
.primary-action:hover,
.primary-action:focus {
  font-size: 1rem;
  background-color: #0050C5;
  border: none;
  color: #fff;
  fill: #fff;
  padding: 8px 16px;
}

.secondary-action {
  border: 1px solid currentColor;
  background-color: transparent;
  padding: 7.5px 15px;
  cursor: pointer;
}

.translations-enabled [translation]:hover::before {
  background-color: #ffffe1;
  border: 1px solid #000000;
  color: #222;
  content: attr(translation);
  font-family: segoe-ui_normal, "Segoe UI", Segoe, "Segoe WP", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1rem;
  left: 0;
  max-width: 468px;
  padding: 7px 8px;
  position: absolute;
  transform: translateY(-100%);
}

.translations-enabled.theme_night [translation]:hover::before {
  background-color: #56564a;
  color: #ccc;
}

.translations-enabled [translation]:hover {
  background-color: #ffff00;
}

.translations-enabled.theme_night [translation]:hover {
  background-color: rgba(255, 255, 0, 0.3);
}

#translation-disclaimer {
  display: flex;
}

#translation-disclaimer > span:first-child {
  flex-grow: 1;
}

#translation-disclaimer > button {
  background: transparent;
  border: none;
  color: #0050C5;
  display: none;
  /* hidden, until javascript displays it */
}

.theme_night #translation-disclaimer > button {
  color: #00a4f3;
}

.sxs-lookup {
  display: none;
}

/*!* cookie-consent banner *!*/
#footer #impressum-section {
  display: none;
}

.shell-notification {
  font-weight: normal;
  line-height: 1.5;
  font-family: segoe-ui_normal, 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
  color: white;
  width: 100%;
  box-sizing: border-box;
}

.shell-notification-holder {
  background-color: #1570A6;
}

.shell-notification .shell-notification-grid-row {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 5px;
  max-width: 1600px;
}

.shell-notification .notification-txt {
  float: left;
  padding-right: 5px;
  margin-right: 5px;
  margin-bottom: 4px;
}

html[dir='rtl'] .shell-notification .notification-txt,
body[dir='rtl'] .shell-notification .notification-txt {
  float: right;
  padding-right: 0px;
  margin-right: 0px;
  padding-left: 5px;
  margin-left: 5px;
}

.shell-notification .notification-action {
  float: right;
  padding-left: 5px;
  margin-left: 5px;
}

html[dir='rtl'] .shell-notification .notification-action,
body[dir='rtl'] .shell-notification .notification-action {
  float: left;
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 5px;
  margin-right: 5px;
}

.shell-notification .shell-notification-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.shell-notification a {
  color: red;
}

.shell-notification a, .shell-notification a:hover, .shell-notification a:focus, .shell-notification a:link, .shell-notification a:visited {
  display: inline-block;
  color: white;
  text-decoration: underline;
}

.shell-icon-close {
  position: relative;
  width: 15px;
  height: 15px;
  top: 32%;
  margin-left: 4px;
  background: url(../images/close.png) 50% 50% no-repeat;
}

html[dir='rtl'] .shell-icon-close,
body[dir='rtl'] .shell-icon-close {
  margin-right: 4px;
  margin-left: 0px;
}

html.highContrast .shell-icon-close:before {
  content: 'X';
}

@media (min-width: 899px) {
  .shell-notification .shell-notification-grid-row {
    margin: 0 auto;
    padding: 0;
  }
}

.shell-notification i[class*="shell-icon-close"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  vertical-align: -3px;
  overflow: visible;
  font-size: 1em;
  margin-left: 11px;
}

html[dir='rtl'] .shell-notification i[class*="shell-icon-close"],
body[dir='rtl'] .shell-notification i[class*="shell-icon-close"] {
  margin-left: 0px;
  margin-right: 11px;
}

.theme_night .shell-notification a:visited, .theme_night .shell-notification a:hover {
  color: white;
}

.disclaimer {
  padding: 10px 5px;
  margin: 24px 0;
  color: black;
  line-height: 1.5;
  border-left: 5px solid #ffd200;
  background-color: #ffffcc;
}

.theme_night .disclaimer {
  color: #e5e5e5;
  background-color: rgba(255, 255, 204, 0.3);
}

.disclaimertext {
  padding-left: 5px;
}

body[dir='rtl'] .disclaimer {
  border-left: 0px solid #ffd200;
  border-right: 5px solid #ffd200;
  text-align: right;
}

/* base page update above this line */
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

template {
  display: none;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

main img {
  border: 0;
}

main img,
video {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

main td img {
  max-width: none;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

button {
  overflow: visible;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  /*line-height: 161%;*/
  color: #000;
  border:0px  none;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

a.nohref {
  cursor: pointer;
}

mark {
  font-size: 0.8em;
  vertical-align: baseline;
  padding: 0 0.45em 0.1em 0.45em;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.05);
  color: #333;
}

#searchform input[type="text"] {
	width:80% !important;
	}
button#searchbtn{
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border:1px solid #058bea  !important;
	margin-left: 0px !important;
	}

.theme_night mark {
  border-color: rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.03);
  color: #ccc;
}

#main .content label {
  position: relative;
  float: left;
  height: 28px;
  margin-right: 0.6em;
  font-size: 0.6em;
  font-weight: 600;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  vertical-align: middle;
  color: #333;
}

.mainContainer[dir='rtl'] #main .content label {
  float: right;
  margin-right: 0;
  margin-left: 0.6em;
}

#main .theme_night label {
  color: #ccc;
}

blockquote {
  display: block;
  margin: 1.2em 0 2em 0;
  padding: 0 0.8em;
  border-width: 0 0 0 3px;
  border-style: solid;
  border-color: #e0e0e0;
}

.theme_night blockquote {
  border-color: #404040;
}

blockquote footer {
  font-size: 0.9em;
  color: gray;
}

.theme_night blockquote footer {
  color: gray;
}

.definition {
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: #ababab;
}

.theme_night .definition {
  border-color: #6e6e6e;
}

.full {
  margin-left: 0;
  padding-left: 0;
  width: 100%;
  clear: both;
}

.overflowable {
  overflow-x: auto;
  min-height: 0.01%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

figure {
  margin: 0.6em 0 2em 0;
}

figure > pre {
  margin: 0;
}

figure figcaption {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  font-size: 0.85em;
  line-height: 1.4em;
  color: gray;
}

.theme_night figure figcaption {
  color: gray;
}

figure > img, figure > video {
  padding: 0.6em;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #e3e3e3;
}

.theme_night figure > img, .theme_night figure > video {
  border-color: #2e2e2e;
}

figure.no-border > img, figure.no-border > video {
  border: 0;
  padding: 0;
}

.list-indent li {
  margin-left: 0.6em;
}

.list-footnotes {
  font-size: 0.9em;
  color: gray;
}

.theme_night .list-footnotes {
  color: gray;
}

.table-wrapper {
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  margin: 0.6em 0 1.2em 0;
  border-color: #e3e3e3;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: auto;
  min-height: 0.01%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.theme_night .table-wrapper {
  border-color: #2e2e2e;
}

.document-ui {
  overflow: auto;
  border-radius: 2px;
  padding: 0.4em 0.6em;
  margin-bottom: 2em;
  margin-top: 0.6em;
  list-style-type: none;
  background-color: #f5f5f5;
}

.theme_night .document-ui {
  background-color: #242424;
}

.document-ui li {
  display: inline-block;
  margin: 0;
  padding: 0.2em 0;
}

#menu-bar-container {
  position: relative;
  clear: both;
}

#menu-bar {
  position: relative;
  height: auto;
  width: 100%;
  overflow: auto;
  display: none;
}

@media only screen and (min-width: 1024px) {
  #menu-bar {
    display: block !important;
  }
}

#menu-actions {
  float: left;
  padding: 0;
  margin: 0;
  margin-right: 0.6em;
}

.mainContainer[dir='rtl'] #menu-actions {
  float: right;
  margin-right: 0;
  margin-left: 0.6em;
}

#menu-actions li {
  display: inline-block;
  margin: 0;
  margin-right: 0.3em;
}

.mainContainer[dir='rtl'] #menu-actions li {
  margin-left: 0.3em;
  margin-right: 0;
}

#menu-actions li:last-child {
  margin-right: 0;
}

.mainContainer[dir='rtl'] #menu-actions li:last-child {
  margin-left: 0;
}

.menu-group {
  clear: left;
  float: left;
  padding-top: 1em;
}

.mainContainer[dir='rtl'] .menu-group {
  clear: right;
  float: right;
}

@media only screen and (min-width: 1024px) {
  .menu-group {
    overflow: visible;
    float: left;
    clear: none;
    padding-top: 0;
    margin-left: 0.6em;
    box-sizing: border-box;
  }
  .mainContainer[dir='rtl'] .menu-group {
    float: right;
    margin-right: 0.6em;
    margin-left: 0;
  }
}

.menu-group.first {
  border-left: 0;
  padding-left: 0;
  padding-top: 0;
  margin-left: 0;
}

.step-by-step {
  margin-top: 2em;
  padding: 1em;
  border-width: 1px 0 0 0;
  border-style: solid;
  text-align: center;
  border-color: #e3e3e3;
}

.theme_night .step-by-step {
  border-color: #2e2e2e;
}

.step-by-step button {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.selectors {
  display: block;
  margin: 2em 0;
  overflow: auto;
}

.openfeedback-container {
  z-index: 220;
  position: relative;
  display: block;
}

/* product feedback */
.product-feedback {
  margin-bottom: 2em;
  margin-top: 2em;
  padding-top: 0.6em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e3e3e3;
  color: gray;
}

/* Azure Selectors */
.op_single_selector,
.op_multi_selector {
  display: none;
}

.azureselector > div {
  display: inline-block;
  margin-right: 20px;
}

.mainContainer[dir='rtl'] .azureselector > div {
  margin-left: 20px;
  margin-right: 0px;
}

/*Custom CSS for Listing formtting*/
caption, th {
    text-align: center;
    font-weight: normal;
}
.content ul, .content ol { padding: 0; margin:0 4%; }
.content ul ul li, .content ol ul li { padding: 0; margin:0 4%; }
 .content ol ol { padding: 0; margin:0 4%; }
.navbar-inverse .navbar-nav>li>a { color:#fff;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #c3dfff; } /*blue navbar active hover text*/

/*.navbar-inverse .navbar-nav>li:first-child { border-left: 1px solid #343a40 !important} */
/*.navbar-inverse .navbar-nav>li { border-left: 1px solid rgba(255,255,255,.07); } */
.navbar-inverse .navbar-nav>li>a { padding: 10px !important;}
.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; line-height: 19px !important; }
.btn.btn-danger { font-size: 15px !important;}
.btn-danger a:link, .btn-danger a:visited,.btn-danger {color: #fff !important;}

.bg-primary { background-color: #0045ff!important; padding-right:64px; color: #fff; height: 28px;}
.bg-primary ul li {font-size: 12px;}
.bg-primary ul li a, .bg-primary ul li a:focus, .bg-primary ul li a:hover {color: #1d2124; cursor: pointer; word-wrap: break-word; padding: .075rem 1rem !important; }
.justify-content-between {justify-content: space-between!important; padding-top: 2.2px;}
.container-fluid bg-primary {padding-top: 1.5rem!important;}
.top_bar { background: #f7f9ff !important; padding-top: 5px; height: 42px; }

/* .navbar-inverse { border:0px none; border-color: rgba(51, 122, 183, 1) !important; } */
.navbar-inverse .navbar-collapse { margin: auto; padding: 13px 0px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:0px none  !important;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background-color:rgba(0,0,0,0.1); } 
#slogan {
    float: right;
    font-style: italic;
    color: #FFF;
    padding: 10px 0 0 0;
}
/* .fa, .fas {
    font-weight: 900;
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
} */
.navbar-brand>img { padding: 13px 0;}
/* .navbar-header { width: 100%; } */
.navbar-toggle {margin-right: -7px !important;}
.toc {padding: 0 10px;}
.sidetoc.shiftup { padding-bottom:20px;}
.bg-dark {background-color: #343a40!important;}
#navbar
{	padding-right: 0px;
    padding-top: 18px;
}

/* .topbar
{
	display: flex!important;
    height: auto!important;
    padding-left: 0;
    overflow: visible!important;
    background-color: #0045ff;
	padding-left: 842px;
} */
.topbar a {color: #fff !important;}
.topbar a:hover {color: rgba(255,255,255,0.8) !important; background: #0045ff !important;}

/* Google Search Box customization */
.gsc-control-cse .gsc-table-result {
	font-family : inherit !important;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button, input.gsc-search-button-v2 {
	box-sizing  : content-box !important;
	margin-bottom:  : 3px !important;
}

.gsc-input-box {
    border: 1px solid #D9D9D9 !important;
    background: #fff;
    height: 31px !important;
}

.gscb_a { display: inline-block; line-height: 21px !important; }

.gsc-branding, .gcsc-branding {
    display: none !important;
}

.gsc-branding-text, .gcsc-branding-text {
    display: none !important;
}

html>body .gsc-inline-block {
    display: inline-block;
    font-size: small !IMPORTANT;
}

input.gsc-input {
background: none !important;
    font-size: 14px !important;
	padding: 0 !important; margin: 0 !important; line-height: 25px !important;
}

.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #ccc  !important; 
    background-color: white !important;
	margin-top: -20px;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0px !important;
    line-height: 180% !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	height:13px !important;
	padding: 10px !important; margin: 10px 0 0 0 !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #058bea !important;
    background-image: none !important;
    filter: none !important;
	height: 13px !important; 
	width: 13px !important;
}
.gsc-input-box { background:#fff !important; color:#000; }

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #ccc !important;

.gsc-control-wrapper-cse { padding: 0; margin: 0;}
form.gsc-search-box { padding: 0px !important; margin: 0px !important; height: 50px !important;}
.gsib_a { padding-top: 0 !important; }
.gsst_a .gscb_a { color: #000 !important; font-size:20px !important;}

/* Search Alachisoft  */
#contents {
    width: 100%px;
    text-align: left;
    padding: 0px;
    overflow: visible;
	background: #fff;
	min-height: 100%;
}

#blue-bar
{
	background-color: #0045ff!important;
}