@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');


/* Default Text Style */
body {
    font-family: 'Segoe UI',Segoe,'Segoe WP','Helvetica Neue',Helvetica,sans-serif;
    font-weight: normal;
    font-size: 100%;
    margin: 0;
}

/* Ensure consistent font size for code */
pre, code, kbd, samp, tt {
    font-size:1em;
}

input {
    font-family: 'Segoe UI',Segoe,'Segoe WP','Helvetica Neue',Helvetica,sans-serif;
}

pre {
    margin: 0;
}

pre > pre {
    font-size: inherit;
}

pre, code, .code, .i-code {
    font-family: Consolas,Menlo,Monaco,'Lucida Console','Courier New',monospace,sans-serif;
}

#i-before-header-content,
#i-header-content,
#i-after-header-content,
#i-body-content,
#i-footer-content {
    margin-left: 8px;
    margin-right: 8px;
}

#i-actions-outer-container, #i-toc-outer-container {
    /* To allow absolute positioning relative to the width constraint container */
    position: relative;
}

#i-toc-outer-container {
    padding: 0 8px;
}

#i-actions-container {
    margin: 0 8px 0 8px;
}

#i-toc-container {
    display: none;
    margin: 12px 0;
}

#i-body-content {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 12px;
    overflow-y: hidden;
}

#i-header-content {
    margin: auto;
    padding: 8px 8px 6px 8px;
}

#i-header-content {
    min-height: 40px;
    margin-bottom: 16px;
    display: flex;
}

.i-header-buttons-container {
    display: flex;
}

.i-flex-spacer {
    -o-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

#i-body-content .i-in-this-topic-container {
    display: block;
}

#i-actions-container .i-in-this-topic-container {
    display: none;
}

#i-actions-container .i-in-this-topic-container {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}
    /* Constrains maximum width */
.i-content-width-container {
    max-width: 1600px;
    margin: auto;
}

/* Overlay for the main content area */
.i-busy-overlay {
    z-index: 3;
    background: white;
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 1600px;
}

/* Logo */
.logoimage {
    margin-right: 16px;
    vertical-align: middle;
}

/* Project title */
.i-project-title {
    display: inline-block;
    font-size: 1.7em;
    font-weight: 300;
    vertical-align: middle;
}

/* Search button */
.i-search-container {
    position: relative;
    float: right;
}

.i-navigation-frames #i-search-container {
    display: none;
}

#i-search {
    height: 36px;
    width: 36px;
    padding: 0;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid;
}

#i-search-button, #i-execute-search {
    position: absolute;
    top: 0;
    right: 0;
    background: 0 0;
    height: 38px;
    width: 38px;
    border: 0;
    background-image: url('../images/i-search.png');
    margin: 0;
}

/* Index button */
#i-index-button {
    background: 0 0;
    background-image: url('../images/i-index.png');
    border-width: 1px;
    border-style: solid;
    float: right;
    width: 36px;
    height: 36px;
    margin-left: 8px;
}

.i-navigation-frames #i-index-button {
    display: none;
}

#i-actions-content {
    font-size: 0.875em;
    background: white;
    opacity: 0.8;
}

#i-toc-content {
    padding-top: 8px;
}

    #i-toc-content .ui-resizable-e {
        right: 0;
        width: 6px;
        margin-top: 8px;
    }

ul#i-dt-root a {
    margin-right: 24px;
}

.i-toc-content-scroll-container {
    overflow-x: hidden;
}

/* At medium width */
@media only screen and (min-width: 769px) {
    /* Show toc as sidebar */
    #i-toc-container {
        position: absolute;
        display: block;
    }

    .i-toc-content-scroll-container {
        overflow-y: auto;
        width: 100%;
        height: 100%;
    }

    #i-toc-content {
        position: fixed;
        margin-top: 0;
        width: 242px;
        bottom: 20px;
        z-index: 2;
        overflow-x: hidden;
        overflow-y: hidden;
        padding-right: 6px;
    }

    #i-body-content {
        margin-left: 250px;
        margin-right: 8px;
        overflow-x: hidden;
    }

    .i-compiled #i-body-content {
        overflow-x: auto;
    }
}

/* At full width */
@media only screen and (min-width: 1024px) {
    /* Actions as a sidebar */
    #i-actions-container {
        position: absolute;
        right: 0;
    }

    #i-actions-content {
        position: fixed;
        width: 230px;
        margin-top: 0;
        margin-left: -230px;
        z-index: 2;
        overflow-x: auto;
        overflow-y: auto;
        bottom: 20px;
        padding-top: 12px;
    }

    #i-actions-container span, #i-actions-container a {
        display: block;
    }

    #i-body-content {
        margin-right: 254px;
    }

    #i-search {
        width: 250px;
        padding: 0 38px 0 6px;
    }

    #i-body-content .i-in-this-topic-container {
        display: none;
    }

    #i-actions-container .i-in-this-topic-container {
        display: block;
    }

    #i-actions-container .i-theme-selection-container {
        margin-top: 12px;
    }

    #i-actions-container .i-function-link,
    #i-actions-container .i-page-link,
    #i-actions-container .i-version-popup-link {
        margin-bottom: 8px;
    }
}

/* Design time layout - show action bar items at the top */

.i-designtime #i-actions-container {
    position: static;
}

.i-designtime #i-actions-content {
    position: static;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding-top: 0;
}

.i-designtime #i-actions-container .i-theme-selection-container {
    margin-top: 0;
    display: inline-block;
}

.i-designtime #i-actions-container .i-function-link,
.i-designtime #i-actions-container .i-page-link,
.i-designtime #i-actions-container .i-version-popup-link {
    margin-bottom: 0;
}

.i-designtime #i-actions-container span,
.i-designtime #i-actions-container a {
    display: inline;
}

.i-compiled #i-body-content,
.i-designtime #i-body-content {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    overflow-x: visible;
}


/* Hide the toc in the editor and compiled help */
.i-compiled #i-body-content,
.i-editor #i-body-content {
    margin-left: 8px;
}

.i-compiled #i-toc-container,
.i-editor #i-toc-container,
.i-compiled #i-index-button,
.i-editor #i-index-button,
.i-compiled .i-search-container,
.i-editor .i-search-container {
    display: none;
}

#i-breadcrumbs-outer-container {
    padding: 0 8px;
    margin-bottom: 12px;
}

.i-breadcrumbs-container {
    font-size: .875em;
    margin: 0;
}

/* Page Title */
.i-page-title {
    font-family: segoe-ui_light, 'Segoe UI Light', 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 2.5em;
    font-weight: 300;
    margin-bottom: .5em;
}

#i-before-header-content {
    font-size: 0.9em;
}

#i-before-header-content {
    padding: 0;
}

/* No borders on images */
img {
    border: 0;
}

/* Reduce spacing between adjacent paragraphs */
p + p, .i-adjacent-paragraph {
    margin-top: -6px;
}

/* Headings */
h1 {
    font-size: 1.538em;
}

h2, .i-section-heading {
    font-size: 1.75em;
}

.i-page-title,
h1, h2, h3, h4, h5, h6 .i-section-heading,
.i-see-also-sub-heading {
    font-weight: 400;
    line-height: 1.3;
    text-rendering: optimizeLegibility;
}

/* Section and Description Section Padding */
.i-section-content {
    padding-left: 18px;
}

.i-section-content,
.i-description-content {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Avoid double spacing in Returns content */
h4 + .i-returns-content,
.i-returns-content-after-heading {
    padding-top: 0;
    padding-bottom: 0;
}

/* Remove the padding from before the first element in a section so that the 
   spacing is consistent for just text and paragraphs */
.i-section-content > :first-child,
.i-description-content > :first-child,
.i-returns-content > :first-child,
.i-description > :first-child,
.i-section-content .i-first-child,
.i-description-content .i-first-child,
.i-returns-content .i-first-child,
.i-description .i-first-child {
    padding-top: 0;
    margin-top: 0;
}

.i-section-content > :last-child,
.i-description-content > :last-child,
.i-returns-content > :last-child,
.i-description > :last-child,
.i-section-content .i-last-child,
.i-description-content .i-last-child,
.i-returns-content .i-last-child,
.i-description .i-last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Avoid a double separating space when an example immediately follows the example intro text */
.example-section-content p + div,
.i-example-after-paragraph {
    padding-bottom: 0;
    margin-bottom: 0;
}

h3, h4, h5, .i-see-also-sub-heading, .i-action-group-heading, .i-tab-container .ui-tabs-nav li {
    font-family: 'Segoe UI Semibold', Segoe WP, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
}

h3 {
    font-size: 1.077em;
}

/* See Also Headings */
h4,
.i-see-also-sub-heading {
    font-size: 1em;
}

.i-see-also-sub-heading {
    margin-top: 13px;
    margin-bottom: 7px;
}

.i-action-group-heading {
    margin: 12px 0 8px 0;
}

/* Reduced text size in the footer */
#i-footer-content {
    font-size: 0.813em;
}

/* Horizontal rule single pixel */
hr {
    height: 1px;
    border-style: none;
}

/* Copy Code */
table.i-syntax-table th:first-child,
table.i-syntax-table th.i-first-child {
    border-right: none;
}

table.i-syntax-table th.i-last-child {
    border-left: none;
    text-align: right;
}

table.i-syntax-table th:last-child {
    border-left: none;
    text-align: right;
}

/* Dynamic ToC */
#i-dynamic-toc-container > ul {
    margin-top: 0;
}

/* Theme Selection */
.i-theme-selection-container {
    display: inline-block;
}

.i-light-select {
    height: 24px;
    border: 1px solid #e3e3e3;
    background-image: -webkit-linear-gradient(45deg, transparent 50%,#707070 0),-webkit-linear-gradient(315deg, #707070 50%,transparent 0);
    background-image: linear-gradient(45deg, transparent 50%,#707070 0),linear-gradient(135deg, #707070 50%,transparent 0);
    background-position: calc(100% - 10px) 8px, calc(100% - 6px) 8px;
    background-size: 5px 5px,5px 6px;
    background-repeat: no-repeat;
    padding: 0 24px 0 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.i-theme-select {
    margin-left: 5px;
    position: relative;
    top: -0.5px;
}

/* Built in In This Topic styles "*/
body.i-editor .i-in-this-topic-container {
    display: none;
}

.i-in-this-topic-intro {
    font-weight: 300;
}

ul.i-in-this-topic-root {
    background: white;
}

ul.i-in-this-topic {
    padding-left: 0;
    display: none;
}

ul.i-in-this-topic-root {
    display: block;
}

    /* First selector allows the selective visibility of child headings to be controlled via a template setting */
    ul.i-in-this-topic-root.i-in-this-topic-child-headings-always-visible ul.i-in-this-topic,
    li.i-inthistopic-visible ul.i-in-this-topic {
        display: block;
    }

ul.i-in-this-topic li {
    list-style: none;
    font-weight: normal;
}

    ul.i-in-this-topic li > a {
        position: relative;
        display: block;
        text-decoration: none;
        padding-top: 4px;
        padding-bottom: 4px;
        color: #4c4c4c;
    }

        ul.i-in-this-topic li > a:hover {
            color: #0072c6;
        }

#i-body-content ul.i-in-this-topic li > a {
    color: #0072c6;
}

@media only screen and (min-width: 1024px) {
    /* Remove left border highlight for visible headings and indents in smaller screen layouts
        (where the list is not contained in the sidebar)
    */

    ul.i-in-this-topic li > a {
        border-left-width: 3px;
        border-left-style: solid;
        border-left-color: #ccc;
    }

    ul.i-in-this-topic li.i-inthistopic-visible > a {
        border-left-color: #0072c6;
        color: #0072c6;
    }

    .i-heading-level-1 a {
        padding-left: 5px;
    }

    .i-heading-level-2 a {
        padding-left: 15px;
    }

    .i-heading-level-3 a {
        padding-left: 25px;
    }

    .i-heading-level-4 a {
        padding-left: 35px;
    }

    .i-heading-level-5 a {
        padding-left: 45px;
    }
}
/* End of built in In This Topic styles "*/

/* Required for zClip positioning */
.i-copy-code-wrapper {
    position: relative;
}

.i-copy-code {
    cursor: pointer;
    padding-left: 18px;
    background-image: url("../images/i-copy-code.png");
    background-repeat: no-repeat;
    background-position-y: 50%;
}

/* Toggle images */
.i-section-heading-icon {
    display: inline-block;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    margin: 0;
    padding: -2px 0 0 0;
}

.i-section-heading .i-section-heading-icon {
    background-image: url("../images/i-collapse.png");
}

.i-section-heading.i-section-heading-collapsed .i-section-heading-icon {
    background-image: url("../images/i-expand.png");
}

/* Default Table Style */
.i-body-content table {
    border-collapse: collapse;
    width: 100%;
}

    .i-body-content table th {
        text-align: left;
        font-size: 1em;
        font-style: normal;
        font-weight: 600;
        border-width: 0 0 1px;
    }

    .i-body-content table th, .i-body-content table td {
        border-style: solid;
        padding: 12px 16px;
    }

    .i-body-content table td {
        line-height: 140%;
        border-width: 1px 0 0;
        vertical-align: top;
    }

    .i-body-content table tr:first-child td,
    .i-body-content table tr.first-child td {
        border-top-width: 0;
    }

        .i-body-content table td p:first-child,
        .i-body-content table td p.first-child {
            margin-top: 0;
        }

        .i-body-content table td p:last-child,
        .i-body-content table td p.last-child {
            margin-bottom: 0;
        }

#i-after-header-content {
    font-size: 0.9em;
}

/* Members Table Style */
td.i-description, td.i-member-description {
    width: 80%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

td.i-link, td.i-member-link, td.i-new-member-link {
    width: 20%;
}

.i-body-content td.i-image {
    width: 1%;
    padding-bottom: 0;
}

    .i-body-content td.i-image img {
        width: 16px;
        height: 16px;
        margin-top: 4px;
        max-width: none !important;
    }

td.i-link,
td.i-member-link,
td.i-new-member-link,
td.i-image {
    white-space: nowrap;
}

/* Link Style */
a:visited, a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Popups */
.i-popup-content {
    display: none;
}

.qtip, .ui-tooltip {
    font-size: 1em;
    line-height: normal;
}

.qtip-default, 
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content {
    background-color: #fff;
    border-color: #E2E2E2;
    color: #454545
}

    .qtip-default .qtip-titlebar, 
    .ui-tooltip-default .ui-tooltip-titlebar {
        background-color: #f1f1f1;
    }

.qtip-green,
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219;
}

    .qtip-green .qtip-titlebar, 
    .ui-tooltip-green .ui-tooltip-titlebar {
        background-color: #B0DE78;
    }

.qtip-title, .ui-tooltip-title {
    margin: 4px;
}

.qtip-content, .ui-tooltip-content {
    padding: 9px 13px;
}

.i-popup-link {
    cursor: pointer;
}

dd {
    margin-left: 2em;
}

.i-after-header-content .i-popup-link,
.i-after-header-content .i-function-link,
#i-actions-container .i-popup-link,
#i-actions-container .i-function-link {
    padding-left: 8px;
    background-repeat: no-repeat;
    background-image: url("../images/i-dropdown.png");
    background-position: left center;
}

.i-popup-link,
.i-function-link {
    cursor: pointer;
}

    .i-popup-link label,
    .i-function-link label {
        cursor: pointer;
    }

.i-popup-link,
.i-function-link,
.i-page-link {
    padding-right: 8px;
}

/* Glossary Link */
a.i-glossary-link,
a.i-glossary-link:link,
a.i-glossary-link:visited,
a.i-glossary-link:hover {
    color: #64912D;
    border-bottom: 1px dotted #64912D;
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
    background-image: none;
}

/* Tabs */
.i-tab-container {
    background: transparent;
    border: solid 1px #dcdcdc;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 1em;
}

    .i-tab-container .ui-widget-header {
        background: transparent;
        border: none;
        border-bottom: solid 1px #dcdcdc;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .i-tab-container .ui-state-default {
        background: transparent;
        border: none;
    }

    .i-tab-container .ui-state-active {
        border: none;
    }

    .i-tab-container .ui-tabs-panel,
    .i-tab-container > div {
        padding: 0;
        margin: 1em 0.85em 1em;
    }

    .i-tab-container .ui-tabs-nav li {
        margin: 0 .2em 0 0;
        font-weight: bold;
        line-height: 1.35em;
    }

        .i-tab-container .ui-tabs-nav li a,
        .i-tab-container .ui-tabs-nav li a.ui-tabs-anchor {
            padding: .6em .75em .5em .75em;
            outline: none;
            text-transform: uppercase;
        }

    .i-tab-container .ui-tabs-panel ul:first-child {
        display: none;
    }

    /* Tabs containing code */
    .i-tab-container .i-code {
        margin: 0;
        padding: 1em 0.85em 1em;
        background-color: #f5f5f5;
		overflow-x: auto;
    }

    .i-tab-container .i-code > .i-code {
        padding: 0;
    }

        /* Remove additional margin, padding and border from pre elements in tabs containing code */
        .i-tab-container .i-code pre {
            border: none;
            background: transparent;
            margin: 0;
            padding: 0;
        }

    .i-tab-container .ui-state-active,
    .i-tab-container .ui-state-default {
        color: transparent;
    }

.i-tab-item-widget ui-tabs-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
}

.i-tab-container .ui-state-default a {
    color: #757575;
}

.i-tab-container .ui-tabs-nav li {
    font-size: .9em;
    font-weight: 300;
}

    .i-tab-container .ui-tabs-nav li a {
        margin-bottom: 3px;
    }

.i-tab-container .ui-tabs-nav li {
    font-weight: normal;
}

.i-tab-container .ui-state-default {
    border: none;
    font-weight: normal;
}

.ui-tabs .ui-tabs-nav {
    padding: .2em 0 0;
}

    .ui-tabs .ui-tabs-nav li.ui-state-active {
        border-bottom: 2px solid #0050c5 !important;
    }

.i-tab-container .ui-state-active {
    background: none !important;
}

    .i-tab-container .ui-state-active a {
        color: #0050c5;
    }

.ui-widget {
    font-size: 1em;
}

/* Boxes */
.i-box {
    margin-top: 4px;
    margin-bottom: 4px;
    border-left-style: solid;
    border-left-width: 2px;
    background: #F5F5F5;
    background-repeat: no-repeat;
    background-position: 5px 9px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 8px;
    min-height: 20px;
}

    .i-box > :first-child,
    .i-box .i-first-child,
    .i-box span#Content > :first-child,
    .i-box span#Content .i-first-child {
        padding-top: 0;
        margin-top: 0;
    }

    .i-box > :last-child,
    .i-box .i-last-child,
    .i-box span#Content > :last-child,
    .i-box span#Content .i-last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }

.i-box-note {
    background-image: url('../images/i-note.png');
}

.i-box-tip {
    background-image: url('../images/i-tip.png');
}

.i-box-caution {
    background-image: url('../images/i-caution.png');
}

/* Lightbox */
.i-thumbnail-container {
    background: white;
    border-collapse: collapse;
    border: 1px #CCC solid;
    width: auto;
    display: inline-block;
    padding: 4px;
    position: relative;
}

    .i-thumbnail-container img {
        border-style: none;
        margin: 0px;
        padding: 0px;
    }

    .i-thumbnail-container p {
        margin: 0px;
        color: #696969;
        font-size: 90%;
        padding: 3px 0px 0px 0px;
    }

/*** Common Coloring ***/
body {
    color: #222;
    font-style: normal;
}

.i-page-title,
h1, h2, h3, h4,
.i-section-heading,
.i-see-also-sub-heading {
    color: #222;
}

.i-project-title {
    color: white;
}

#i-header-container {
    background-color: black;
}

/* Buttons */
#i-search, #i-index-button {
    border-color: #bbb;
    background-color: white;
}

.i-search-highlight {
    background-color: yellow;
}

/* Table Header and cell borders */
.i-body-content table th {
    border-color: #e3e3e3;
}

/*.i-body-content table tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,0.05)
}*/

.i-body-content table th,
.i-body-content table td {
    border-color: #d0d0d0;
}

/* Drop down sections */
.i-dropdown-heading,
.i-show-all-dropdowns,
.i-hide-all-dropdowns {
    padding-left: 12px;
    cursor: pointer;
    color: #1364C4;
    background-image: url('../images/i-content-collapsed.png');
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.i-toggle-all-dropdowns .i-hide-all-dropdowns {
    display: none;
}

.i-dropdown-heading-expanded,
.i-hide-all-dropdowns {
    background-image: url('../images/i-content-expanded.png');
    background-position-y: 2px;
}

.i-toggle-all-dropdowns {
    text-align: right;
}

    .i-toggle-all-dropdowns div {
        display: inline;
    }

.i-no-glyph {
    padding-left: 0;
    background-image: none;
}

.i-dropdown-content {
    /* Prevents jumping during height animation */
    overflow: visible !important;
    display: none;
    margin-left: 12px;
}

/* Link coloring */
a:visited,
a.i-popup-link:visited {
    color: #960BB4;
}

a:link,
a.i-popup-link,
a.i-popup-link:link {
    color: #1364C4;
}

a.i-glossary-link,
a.i-glossary-link:link,
a.i-glossary-link:visited,
a.i-glossary-link:hover {
    color: #64912D;
}

/* Horizontal rule */
hr {
    background: #d0d0d0;
}

/* Versions Styling */
.i-version-popup-link {
    margin-right: 3px;
}

.i-version-selector ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}

.i-version-selector .i-current-version {
    font-weight: bold;
}

.i-version-selector .i-version-link {
    opacity: 0.5;
}

.i-version-selector .i-version-link.i-discovered {
    opacity: 1;
}

.i-version-selector .i-version-link.i-unavailable {
    text-decoration: line-through;
}


/* Is New Highlight */
.i-is-new .i-page-title-text::after,
ul#i-dt-root li.i-is-new>a::after {
    vertical-align: top;
    color: red;
    margin-left: 8px;
}

.i-is-new .i-page-title-text::after {
    font-size: 40%;
}

ul#i-dt-root li.i-is-new>a::after {
    font-size: 75%;
}

ul#i-dt-root li.i-is-new.i-selected>a::after {
    color: white;
}


/* Widget Overrides */
.i-box {
    border-left-color: #3F529C;
    background-color: #F5F5F5;
}

.i-thumbnail-container {
    width: auto;
}

.i-key-sequence {
    margin-top: 8px;
}

.i-key-sequence span.i-key {
    padding: 3px 3px 4px 4px;
    white-space: nowrap;
    color: #000;
    background-color: #EEE;
    border-top: solid 2px #CCC;
    border-right: solid 4px #AAA;
    border-bottom: solid 5px #888;
    border-left: solid 3px #BBB;
    margin-right: 1px;
    display: inline-block;
    margin-bottom: 4px;
}

*+html .i-key-sequence span.i-key { display: table-cell; vertical-align: middle }

/* End Widget Overrides */

/* Design Time */
.i-design-item-edit,
.i-design-item-delete,
.i-design-item-add {
    position: relative;
    left: 5px;
}

.i-design-item-edit,
.i-design-item-delete {
    top: 2px;
}

.i-design-item-add {
}

.i-hidden {
    display: none;
}

.i-editor .i-light-select {
    padding: 0;
    background: none;
    top: 0;
}

.i-designtime .i-in-this-topic-container {
    display: none !important;
}

.i-designtime .WidgetProperty {
    box-sizing: border-box;
}

.i-designtime .i-box {
    padding-right: 4px;
}


/* jQuery UI Overrides */
.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

/* Quirks Mode fixes */
table, caption, td, th {
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
}

/*\*/ *  html #i-body-content { width: 99.9%; } /**/
/*\*/ *  html .i-section-content { width: 99.9%; } /**/
/*\*/ *  html .i-thumbnail-container { display: inline; } /**/
/*\*/ *  html .i-theme-select { top: 2px; } /**/
/*\*/ *  html .i-theme-selection-container { display: inline; } /**/
/*\*/ *  html .i-light-select { padding: inherit; background: none; } /**/
*+html .i-thumbnail-container { display: inline; }
*+html .i-theme-select { top: 2px; left: 4px; }
*+html .i-theme-selection-container { display: inline; }

/* End Quirks Mode fixes */

/* Dark Theme Common */

@media (prefers-color-scheme: dark) {
    .i-busy-overlay {
        background: #1a1a1a;
        top: 0;
    }
}

html.i-dark body {
    color: #ccc;
    background-color: #1a1a1a;
    border-color: #333;
}

html.i-dark .i-busy-overlay {
    background: #1a1a1a;
}

/* Link coloring */
html.i-dark a:visited,
html.i-dark a.i-popup-link:visited
html.i-dark a
html.i-dark .i-link > a
html.i-dark .i-version-link > a {
    color: #00a4f3;
}

html.i-dark .i-after-header-content .i-popup-link,
html.i-dark .i-after-header-content .i-function-link,
html.i-dark #i-actions-container .i-popup-link,
html.i-dark #i-actions-container .i-function-link {
    background-image: url("../images/i-dropdown-dark.png");
}

html.i-dark a:link {
    color: #00a4f3;
}

/* Boxes */

/* Lightbox */
html.i-dark .i-thumbnail-container {
    background-color: #2f2f2f;
    border-color: transparent;
    color: #ccc;
}

    html.i-dark .i-thumbnail-container p {
        color: #ccc;
    }

/* Common Colouring */

html.i-dark .i-page-title,
html.i-dark h1,
html.i-dark h2,
html.i-dark h3,
html.i-dark h4,
html.i-dark .i-section-heading,
html.i-dark .i-see-also-sub-heading {
    color: #ccc;
}

html.i-dark .i-project-title {
    color: #ccc;
}

html.i-dark .i-search-highlight {
    background-color: yellow;
}

/* Table Header and cell borders */
html.i-dark .i-body-content table th {
    background-color: #2f2f2f;
    color: #ccc;
}

html.i-dark .i-body-content table th,
html.i-dark .i-body-content table td {
    border-left-color: #d0d0d0;
    border-right-color: #d0d0d0;
    border-top-color: #d0d0d0;
    border-bottom-color: #d0d0d0;
}


/* Drop down sections */
html.i-dark .i-dropdown-heading,
html.i-dark .i-show-all-dropdowns,
html.i-dark .i-hide-all-dropdowns {
    color: #00a4f3;
}

html.i-dark .i-dropdown-heading,
html.i-dark .i-show-all-dropdowns,
html.i-dark .i-hide-all-dropdowns {
    background-image: url('../images/i-content-collapsed-dark.png');
}

html.i-dark .i-dropdown-heading-expanded,
html.i-dark .i-hide-all-dropdowns {
    background-image: url('../images/i-content-expanded-dark.png');
}

html.i-dark .i-no-glyph {
    background-image: none;
}

/* In this topic link coloring */
html.i-dark .i-in-this-topic .i-in-this-topic-root .i-in-this-topic-child-headings-always-visible #i-in-this-topic {
    color: #00a4f3;
}


/* Horizontal rule */
html.i-dark hr {
    background: #2f2f2f;
}

/* Widget Overrides */
html.i-dark .i-box {
    border-left-color: #00a4f3; /* this uses the link color */
    background-color: #2f2f2f;
    color: #ccc;
}

html.i-dark .i-tab-item-widget ui-tabs-panel {
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #333;
    background-color: #2f2f2f;
}

html.i-dark .i-in-this-topic-container {
    padding: 8px 8px 4px 6px;
    border-left: 2px solid #ccc;
    background-color: #2f2f2f;
}

html.i-dark .i-in-this-topic-prefix {
    color: #ccc;
}

html.i-dark .i-in-this-topic-item {
    color: #ccc;
}

html.i-dark .ui-widget-content {
    color: #ccc;
}

/* Footer Overrides */
html.i-dark .i-footer-content {
    background-color: #2f2f2f;
}


/* Discus Specific Dark Theme*/

html.i-dark iframe.easyXDM_default186_provider {
    color: #ccc !important;
}

/* Edition and Versions */

/* Glossary Qtip */
html.i-dark a.i-glossary-link {
    border-color: #90D93F;
    color: #90D93F;
}

    /* Glossary Link */
    html.i-dark a.i-glossary-link,
    html.i-dark a.i-glossary-link:link,
    html.i-dark a.i-glossary-link:visited,
    html.i-dark a.i-glossary-link:hover
    html.i-dark a.i-glossary-link, a.i-popup-link
    html.i-dark .i-glossary-link .i-popup-link {
        border-color: #90D93F;
        color: #90D93F;
    }

html.i-dark .i-version-popup-link {
    background-color: black;
    color: #ccc;
    border-color: #ccc;
}

html.i-dark .qtip-default {
    background-color: black;
    color: #ccc;
    border-color: #ccc;
}

html.i-dark .qtip-titlebar {
    background-color: #555;
    color: #ccc;
    border-color: #ccc;
}

html.i-dark .qtip-green {
    background-color: #CAED9E;
    border-color: #90D93F;
    color: #3F6219;
}

    html.i-dark .qtip-green .qtip-titlebar {
        color: #3F6219;
        background-color: #B0DE78;
    }

/* Copy Code */
html.i-dark .i-copy-code {
    background-color: transparent;
    background-image: url("../images/i-copy-code-dark.png");
}

/* Drop down section heading text */
html.i-dark span.i-section-heading-text {
    color: #ccc;
}

html.i-dark .i-section-heading .i-section-heading-icon {
    background-image: url("../images/i-collapse-dark.png");
}

html.i-dark .i-section-heading.i-section-heading-collapsed .i-section-heading-icon {
    background-image: url("../images/i-expand-dark.png");
}

/* Dropdown heading link button colour */
html.i-dark .i-dropdown-heading.btn {
    color: #00a4f3;
}

/* In This Topic List Buttons */
html.i-dark .i-in-this-topic-link.btn {
    color: #00a4f3;
}

/* See Also Link Buttons */
html.i-dark .i-see-also-link > a.btn {
    color: #00a4f3;
}

html.i-dark #i-search-button, #i-execute-search {
    background-image: url('../images/i-search-dark.png');
}

html.i-dark #i-index-button {
    background-image: url('../images/i-index-dark.png');
}

html.i-dark .i-box-note {
    background-image: url('../images/i-note-dark.png');
}

html.i-dark .i-box-tip {
    background-image: url('../images/i-tip-dark.png');
}

html.i-dark .i-box-caution {
    background-image: url('../images/i-caution-dark.png');
}

/* Footer Overrides */
html.i-dark .i-footer-content {
    background-color: #1a1a1a;
}

/* Header Overrides */
html.i-dark #i-index-button,
html.i-dark #i-search {
    background-color: #1a1a1a;
}

/* End Dark Theme Common */

/* Dark Theme */

/* In this Topic and RHFrame */

html.i-dark #i-actions-content {
    background-color: #1a1a1a;
}

html.i-dark .i-in-this-topic-container {
    border-left: 2px solid #1a1a1a;
    background-color: #1a1a1a;
}

html.i-dark ul.i-in-this-topic li > a {
    background-color: #303030;
    /* color: #00a4f3; */
    color: #ccc;
}

html.i-dark #i-body-content ul.i-in-this-topic li > a {
    color: #00a4f3;
}

html.i-dark ul.i-in-this-topic li.i-inthistopic-visible > a {
    border-left-color: #00a4f3;
    color: #00a4f3;
}

html.i-dark ul.i-in-this-topic li > a:hover {
    color: #ccc;
}

/* Toc */

html.i-dark ul#i-dt-root,
html.i-dark ul#i-dt-root ul {
    background-color: #1a1a1a;
    color: #ccc;
}

    /* Toc Selector Highlight */

    html.i-dark ul#i-dt-root li.i-selected {
        background-color: #2f2f2f;
        color: #fff;
    }

    html.i-dark ul#i-dt-root a {
        color: #ccc;
    }


/* Breadcrumbs */

html.i-dark div.i-breadcrumbs-container {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

/* Links */

html.i-dark a:link,
html.i-dark a.i-popup-link,
html.i-dark a.i-popup-link:link {
    color: #00a4f3;
}

html.i-dark a.i-glossary-link
{
    color: #90D93F;
}

/* Code Tabs */
html.i-dark .i-tab-container .i-code {
    background-color: #1a1a1a;
}

html.i-dark .i-tab-container .ui-state-default a {
    color: #ccc;
}

html.i-dark .i-tab-container .ui-state-active a {
    color: #00a4f3;
}

html.i-dark .ui-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom: 2px solid #00a4f3 !important;
}

/* Code Tab style tab background */

html.i-dark .ui-widget-header {
    background-color: #2f2f2f;
}

html.i-dark pre {
    background-color: #1a1a1a;
}

/* Editions and versions */
html.i-dark span.i-version-popup-link {
    background-color: transparent;
}

/* Search highlight */
html.i-dark .i-search-highlight {
    background-color: #685C00;
}

/* End Dark Theme */
/* Design Time Styles */

div.dxedit {
    margin: 0 -2px;
    word-break: normal;
    /* IE8 compat */
    margin: 0px\9;
    border: 1px dotted #d0d0d0;
}

div.dxedit>div:last-child {
    margin: 0;
    padding: 2px 4px 2px 2px;
}

div.dxeditable {
    line-height: 7pt;
}

div.dxeditable span {
    display: inline-block;
    padding: 0 2px 1px;
    line-height: 9pt\9;
}

.i-tab-container .ui-tabs-nav li a.i-design-item-edit,
.i-tab-container .ui-tabs-nav li a.i-design-item-delete {
    padding-left: 0;
}

.i-tab-container .ui-tabs-nav li a.i-design-item-edit {
    padding-right: 4px;
}

/* End Design Time Styles */
/*===========================================================================
 * dbForge design layer for the Innovasys "Light" template
 *---------------------------------------------------------------------------
 * Appended by apply.bat to BOTH template stylesheets:
 *   configuration\templates\topics\120 Light\...\core-topics\css\topics.css
 *   configuration\templates\dx.net\120 Light\...\core-dotnet\css\dx.net.css
 * The two files are near-identical (39 differing lines, all design-time
 * editing styles), so one layer serves both.
 *
 * Values ported from the dbForge documentation site
 * (D:\DocumentationSource\dbforge):
 *   src/styles/_colors.scss           - palette
 *   src/styles/_fonts.scss            - Inter / Roboto Mono
 *   src/styles/main.scss              - typography, tables, notes
 *   src/styles/highlighter/base.scss  - code blocks
 *   src/icons/*.svg                   - note icons (inlined as data URIs)
 *
 *   text     #27282C      body        Inter 16px / 26px
 *   muted    #6A6D77      code        Roboto Mono 14px
 *   link     #0071CE      page title  40px / 48px
 *   line     #DADBE0      h1 32   h2 32   h3 24   h4 18
 *   surface  #F3F4F7
 *   hairline #E6E7EB
 *
 * Affects the Default profile (Src\Output -> docs.devart.com) and the CHM
 * profile, because both build on the Light template. MSHC (dotConnect2021)
 * and HxS (Visual Studio 2008 Style) are untouched by design.
 *
 * The dark theme (html.i-dark) is not overridden: the published pages carry
 * no theme switcher, so it is unreachable in these outputs.
 *===========================================================================*/

/*------------------------------ Base -------------------------------*/

body {
    font-family: 'Inter', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #27282C;
}

input, select, textarea, button {
    font-family: 'Inter', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', Helvetica, sans-serif;
}

/* Restores the paragraph rhythm; the stock sheet pulls adjacent paragraphs
   together with a negative margin. */
p {
    margin: 12px 0;
}

p + p, .i-adjacent-paragraph {
    margin-top: 12px;
}

ul, ol {
    padding-left: 24px;
}

.i-body-content li {
    margin: 8px 0;
}

/* Screenshots sit in a div.SSCenterer that no stylesheet touches, so without
   this they butt straight against whatever precedes them. main.scss gives
   images 6px. */
.i-body-content img {
    max-width: 100%;
    height: auto;
    margin: 6px 0;
    vertical-align: middle;
}

/* ...but the 16px glyphs in the member tables are sized and spaced already. */
.i-body-content td.i-image img {
    margin: 4px 0 0 0;
}

/*--------------------------- Navigation tree ---------------------------*/

/* dynamic-toc.css keeps the stock Visual Studio look: the current page is a
   solid #0050c5 bar with white text. On the dbForge site the entries carry the
   ordinary text colour, the row under the cursor gets a grey tint, and only
   the current page is blue - over a pale blue row rather than a solid bar. */

/* Metrics follow docs.css: 15px over a 20px line, with the rows given room to
   breathe. The chevrons are inline-blocks aligned to the middle of the line,
   not positioned against it, so the row can grow without moving them; the 18px
   left indent that sets the nesting is left alone. */
ul#i-dt-root a {
    color: #27282C;
    font-size: 15px;
    line-height: 20px;
    padding: 4px 8px;
    border-radius: 4px;
}

ul#i-dt-root li {
    line-height: 20px;
    margin-top: 4px;
}

ul#i-dt-root a:hover {
    color: #0071CE;
    background-color: #F3F4F7;
    text-decoration: none;
}

ul#i-dt-root li.i-selected {
    background-color: rgba(0, 113, 206, 0.10);
}

ul#i-dt-root li.i-selected > a {
    color: #0071CE;
    font-weight: 600;
}

/* The stock sheet swaps the chevron for a light version, which only reads
   against the dark blue bar; over a pale tint it has to stay dark. The path
   is relative to this file, and both core-topics\css and core-dotnet\css sit
   at the same depth, so one path serves both. */
ul#i-dt-root li.i-selected > ins.i-expand {
    background-image: url('../../light/images/svg/expand.svg');
}

ul#i-dt-root li.i-selected > ins.i-collapse {
    background-image: url('../../light/images/svg/collapse.svg');
}

/* Slim scrollbar, as on the dbForge sidebar. */
.i-toc-content-scroll-container::-webkit-scrollbar {
    width: 4px;
}

.i-toc-content-scroll-container::-webkit-scrollbar-track {
    background-color: #F6F7F9;
}

.i-toc-content-scroll-container::-webkit-scrollbar-thumb {
    background-color: #E0E0E0;
    border-radius: 2px;
}

.i-toc-content-scroll-container::-webkit-scrollbar-thumb:hover {
    background-color: #C4C4C4;
}

/*------------------------------ Headings -------------------------------*/

.i-page-title,
h1, h2, h3, h4, h5, h6,
.i-section-heading,
.i-see-also-sub-heading,
.i-action-group-heading {
    font-family: 'Inter', 'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 600;
    color: #27282C;
    text-rendering: optimizeLegibility;
}

.i-page-title {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 10px;
}

h1 {
    font-size: 32px;
    line-height: 46px;
    margin: 40px 0 16px;
}

h2, .i-section-heading {
    font-size: 32px;
    line-height: 46px;
    margin: 40px 0 16px;
}

h3 {
    font-size: 24px;
    line-height: 150%;
    margin: 32px 0 16px;
}

h4, h5, h6, .i-see-also-sub-heading {
    font-size: 18px;
    line-height: 150%;
    margin: 16px 0 4px;
}

/* The hand-written topics have no h1-h3 at all: every section is an h4.dxh4
   under the page title, so at 18px the page reads flat. Only the legacy
   topics carry that class - reference pages use .i-section-heading - so
   raising it here leaves the generated pages alone. */
.i-body-content .dxh4,
.i-body-content .dxH4 {
    font-size: 24px;
    line-height: 150%;
    margin: 32px 0 16px;
}

.i-see-also-sub-heading {
    margin-top: 16px;
    margin-bottom: 4px;
}

/*--------------------------- Header and chrome ---------------------------*/

#i-header-container {
    background-color: #27282C;
}

.i-project-title {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    padding-top: 4px;
}

/* The product logos are square 246x246 artwork, so the header has to size them
   down itself; the stock sheet only sets a margin. The <img class="logoimage">
   comes from the Light template once LogoOtherFileName is set in the .dxp. */
.logoimage {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    vertical-align: middle;
}

.i-breadcrumbs-container {
    font-size: 14px;
    color: #6A6D77;
}

#i-footer-content {
    font-size: 14px;
    color: #6A6D77;
}

hr {
    background: #E6E7EB;
}

#i-search, #i-index-button {
    border-color: #DADBE0;
    border-radius: 6px;
}

/*------------------------------ Links -------------------------------*/

a:link,
a:visited,
a.i-popup-link,
a.i-popup-link:link,
a.i-popup-link:visited {
    color: #0071CE;
    text-decoration: none;
}

a:hover {
    color: #0071CE;
    text-decoration: underline;
}

.i-dropdown-heading,
.i-show-all-dropdowns,
.i-hide-all-dropdowns {
    color: #0071CE;
}

/*------------------------------ Tables -------------------------------*/

.i-body-content table th,
.i-body-content table td {
    border-style: solid;
    border-width: 1px;
    border-color: #DADBE0;
    padding: 12px 16px;
}

.i-body-content table th {
    background-color: #F3F4F7;
    border-color: #DADBE0;
    color: #27282C;
    font-weight: 600;
    text-align: left;
}

.i-body-content table td {
    line-height: 26px;
    vertical-align: top;
}

/* The stock sheet drops the top border of the first body row because its
   cells only carry a top border; with full borders it has to come back. */
.i-body-content table tr:first-child td,
.i-body-content table tr.first-child td {
    border-top-width: 1px;
}

/*------------------------------ Code -------------------------------*/

pre, code, kbd, samp, tt, .code, .i-code {
    font-family: 'Roboto Mono', Consolas, Menlo, Monaco, 'Lucida Console', 'Courier New', monospace;
    overflow-x: auto;
}

pre, .code, .i-code {
    font-size: 14px;
    line-height: 1.5;
}

/* A topic can carry a bare <pre> - the shared templates use one for shell
   commands, with no .i-code wrapper and no language tabs - and it is a code
   block just as much as a tabbed sample. */
.i-body-content pre {
    background: rgba(218, 219, 224, 0.40);
    border: 1px solid rgba(186, 190, 200, 0.60);
    border-radius: 6px;
    margin: 12px 0;
    padding: 6px 12px;
    overflow-x: auto;
}

/* Inline code reads as a chip... */
code {
    font-size: 14px;
    color: #27282C;
    background: rgba(218, 219, 224, 0.40);
    border: 1px solid rgba(186, 190, 200, 0.60);
    border-radius: 4px;
    padding: 1px 6px;
}

/* ...but not when it already sits inside a code block. */
pre code,
.i-code code,
.i-tab-container .i-code code {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    font-size: inherit;
    color: inherit;
}

/* Code sample blocks - dbForge .highlighter-rouge. The top padding leaves room
   for the copy button, which is positioned against this box. */
.i-tab-container .i-code {
    position: relative;
    background-color: rgba(218, 219, 224, 0.40);
    border: 1px solid rgba(186, 190, 200, 0.60);
    border-radius: 6px;
    padding: 26px 12px 6px;
    overflow-x: auto;
}

.i-tab-container .i-code > .i-code {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

/* ...but a <pre> inside a container that already draws that chrome stays bare. */
.i-tab-container .i-code pre,
.i-body-content .i-code pre {
    border: none;
    border-radius: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    overflow-x: auto;
}

/* Copy-code button. Common\Merge-CodeTabs.ps1 wraps every code block in a
   one-cell table with the link in its header row, because the template's copy
   feature reads "the first <td> of the nearest ancestor table". The link is
   lifted out of the table flow into the corner of the block - left in place it
   lands at the far right of a table as wide as the longest line of code, past
   the horizontal scroll. */

.i-body-content table.i-code-table,
.i-body-content table.i-code-table th,
.i-body-content table.i-code-table td {
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

.i-body-content table.i-code-table th.i-code-tools {
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* The clipboard glyph is the one devart.com uses in its own code blocks, taken
   from the site's SVG sprite (symbol #icon-clipboard) and inlined, so the
   template package needs no new file and the icon also shows offline. */
.i-copy-code {
    position: absolute;
    top: 8px;
    right: 12px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    cursor: pointer;
    background: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='%236A6D77'><path%20d='M7.84067%2015.1233C7.36564%2015.1233%206.95898%2014.9541%206.6207%2014.6159C6.28242%2014.2776%206.11328%2013.8709%206.11328%2013.3959V3.03158C6.11328%202.55655%206.28242%202.1499%206.6207%201.81162C6.95898%201.47334%207.36564%201.3042%207.84067%201.3042H15.6139C16.0889%201.3042%2016.4956%201.47334%2016.8339%201.81162C17.1721%202.1499%2017.3413%202.55655%2017.3413%203.03158V13.3959C17.3413%2013.8709%2017.1721%2014.2776%2016.8339%2014.6159C16.4956%2014.9541%2016.0889%2015.1233%2015.6139%2015.1233H7.84067ZM7.84067%2013.3959H15.6139V3.03158H7.84067V13.3959ZM4.24923%2018.75C3.7742%2018.75%203.36754%2018.5809%203.02927%2018.2426C2.69099%2017.9043%202.52185%2017.4977%202.52185%2017.0226V4.93095H4.24923V17.0226H13.7498V18.75H4.24923Z'/></svg>") no-repeat center center;
    background-size: 20px 20px;
}

.i-copy-code:hover {
    background-image: url("data:image/svg+xml,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2020%2020'%20fill='%230071CE'><path%20d='M7.84067%2015.1233C7.36564%2015.1233%206.95898%2014.9541%206.6207%2014.6159C6.28242%2014.2776%206.11328%2013.8709%206.11328%2013.3959V3.03158C6.11328%202.55655%206.28242%202.1499%206.6207%201.81162C6.95898%201.47334%207.36564%201.3042%207.84067%201.3042H15.6139C16.0889%201.3042%2016.4956%201.47334%2016.8339%201.81162C17.1721%202.1499%2017.3413%202.55655%2017.3413%203.03158V13.3959C17.3413%2013.8709%2017.1721%2014.2776%2016.8339%2014.6159C16.4956%2014.9541%2016.0889%2015.1233%2015.6139%2015.1233H7.84067ZM7.84067%2013.3959H15.6139V3.03158H7.84067V13.3959ZM4.24923%2018.75C3.7742%2018.75%203.36754%2018.5809%203.02927%2018.2426C2.69099%2017.9043%202.52185%2017.4977%202.52185%2017.0226V4.93095H4.24923V17.0226H13.7498V18.75H4.24923Z'/></svg>");
    text-decoration: none;
}

/* A bare <pre> gets the same panel, drawn by its wrapper so that the button
   has something to be positioned against. */
.i-body-content .i-code-block {
    position: relative;
    margin: 12px 0;
    padding: 26px 12px 6px;
    background: rgba(218, 219, 224, 0.40);
    border: 1px solid rgba(186, 190, 200, 0.60);
    border-radius: 6px;
    overflow-x: auto;
}

.i-body-content .i-code-block pre {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow-x: visible;
}

/* Language tab strip */
.ui-tabs .ui-tabs-nav li.ui-state-active {
    border-bottom: 2px solid #0071CE !important;
}

.i-tab-container .ui-state-active a {
    color: #0071CE;
}

.i-tab-container .ui-state-default a {
    color: #6A6D77;
}

.i-copy-code {
    color: #0071CE;
}

/*------------------------------ Notes -------------------------------*/

/* Innovasys boxes restyled as dbForge callouts: a tinted panel with the icon
   in the left margin and a visible title beside it, as in main.scss. The icons
   are the dbForge SVGs inlined as data URIs, so the template package needs no
   new files and they show offline too. */

.i-box {
    margin: 24px 0;
    padding: 12px 16px 12px 52px;
    min-height: 24px;
    border: 1px solid #E6E7EB;
    border-left-width: 1px;
    border-radius: 6px;
    background-color: #F3F4F7;
    background-repeat: no-repeat;
    background-position: 16px 14px;
    background-size: 24px 24px;
    color: #27282C;
}

/* The title comes from the rxrepl pass in 2021OriginalTopicsNotes_Options.txt,
   which writes it while converting the legacy callout tables. */
.i-box .i-box-header {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 2px;
}

.i-box-note {
    background-color: #DAF2FC;
    border-color: #B6E4F6;
    background-image: url("data:image/svg+xml,<svg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'>%20<g%20id='icon'>%20<path%20id='Vector'%20d='M12%202C6.4775%202%202%206.4775%202%2012C2%2017.5225%206.4775%2022%2012%2022C17.5225%2022%2022%2017.5225%2022%2012C22%206.4775%2017.5225%202%2012%202ZM11.9992%206.79167C12.5742%206.79167%2013.0417%207.25833%2013.0417%207.83333C13.0417%208.40833%2012.5742%208.875%2011.9992%208.875C11.4242%208.875%2010.9583%208.40833%2010.9583%207.83333C10.9583%207.25833%2011.4242%206.79167%2011.9992%206.79167ZM13.6667%2017H10.3333V16.1667C10.7367%2016.0175%2011.1667%2015.9992%2011.1667%2015.5542V11.8317C11.1667%2011.3867%2010.7367%2011.3167%2010.3333%2011.1675V10.3342H12.8333V15.555C12.8333%2016.0008%2013.2642%2016.02%2013.6667%2016.1675V17Z'%20fill='%23317CD9'/>%20</g>%20</svg>");
}

.i-box-tip {
    background-color: #F3F4F7;
    border-color: #E6E7EB;
    background-image: url("data:image/svg+xml,<svg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'>%20<g%20id='lightbulb'>%20<mask%20id='mask0_1535_1800'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'>%20<rect%20id='Bounding%20box'%20width='24'%20height='24'%20fill='%23D9D9D9'/>%20</mask>%20<g%20mask='url(%23mask0_1535_1800)'>%20<path%20id='lightbulb_2'%20d='M12%2022C11.45%2022%2010.9792%2021.8042%2010.5875%2021.4125C10.1958%2021.0208%2010%2020.55%2010%2020H14C14%2020.55%2013.8042%2021.0208%2013.4125%2021.4125C13.0208%2021.8042%2012.55%2022%2012%2022ZM8%2019V17H16V19H8ZM8.25%2016C7.1%2015.3167%206.1875%2014.4%205.5125%2013.25C4.8375%2012.1%204.5%2010.85%204.5%209.5C4.5%207.41667%205.22917%205.64583%206.6875%204.1875C8.14583%202.72917%209.91667%202%2012%202C14.0833%202%2015.8542%202.72917%2017.3125%204.1875C18.7708%205.64583%2019.5%207.41667%2019.5%209.5C19.5%2010.85%2019.1625%2012.1%2018.4875%2013.25C17.8125%2014.4%2016.9%2015.3167%2015.75%2016H8.25ZM8.85%2014H15.15C15.9%2013.4667%2016.4792%2012.8083%2016.8875%2012.025C17.2958%2011.2417%2017.5%2010.4%2017.5%209.5C17.5%207.96667%2016.9667%206.66667%2015.9%205.6C14.8333%204.53333%2013.5333%204%2012%204C10.4667%204%209.16667%204.53333%208.1%205.6C7.03333%206.66667%206.5%207.96667%206.5%209.5C6.5%2010.4%206.70417%2011.2417%207.1125%2012.025C7.52083%2012.8083%208.1%2013.4667%208.85%2014Z'%20fill='%239599A4'/>%20</g>%20</g>%20</svg>");
}

.i-box-caution {
    background-color: #FFF6DB;
    border-color: #FEEAAE;
    background-image: url("data:image/svg+xml,<svg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'>%20<g%20id='icon/alert/warning_24px'>%20<path%20id='icon/alert/warning_24px_2'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23%2021L12%202L1%2021H23ZM11%2018V16H13V18H11ZM11%2014H13V10H11V14Z'%20fill='%23B89119'/>%20</g>%20</svg>");
}

/* End dbForge design layer */
/* dbForge design layer, reference pages only.
 *
 * A topic loads core-topics\css\topics.css and a generated reference page loads
 * core-dotnet\css\dx.net.css - never both. Add-DesignLayer.ps1 appends this file
 * to the second one alone, so everything here reaches the reference pages and
 * nothing else.
 */

/* The On this page rail lists the fixed sections Document!X gives every member -
 * Syntax, Remarks, Requirements, See Also - which repeat on hundreds of pages and
 * say nothing about the page itself. The rest of the action bar stays: Members,
 * Example, Collapse All and the language filter are worth having.
 */
.i-in-this-topic-container {
    display: none;
}