body {
    min-width: 300px;
    font-family: 'M PLUS 2', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.bd-links {
    position: -webkit-sticky;
    position: sticky;
}

ul ul {
    list-style-type: none;
}

h1 {
    string-set: doctitle self;
    /* bookmark-level: 1; */
}

h2 {
    bookmark-level: 2
}

h3 {
    bookmark-level: 3
}

h4 {
    bookmark-level: 4
}

h5 {
    bookmark-level: 5
}

h6 {
    bookmark-level: 6
}

@media print {
    ul a {
        text-decoration: none
    }
}

@page :right {
    @top-right {
        content: "test:" string(doctitle);
        margin: 30pt 0 10pt 0;
        font-size: 8pt;
    }

    @bottom-right {
        /* content: counter(page) "/" counter(pages); */
        content: counter(page);
    }
}

@page :left {
    @bottom-left {
        /* content: counter(page) "/" counter(pages); */
        content: counter(page)
    }
}

@media screen {
    ul a {
        color: #495057;
        text-decoration: none
    }
}


.sidebar {}

.footer a {
    color: #495057;
    text-decoration: none
}

.main {
    min-width: 300px;
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    /* background-color: #d2f4ea; */
    text-decoration: underline;
}


.btn-selected {
    background-color: #bcd9ff;
    font-weight: bold;
    width: 100%;
}

:root,
.theme-light {
    --theme-text: #171717;
    --theme-text-subtle: #505050;
    --theme-text-invert: #fff;
    --theme-text-glow-high-contrast: #171717;
    --theme-box-shadow-light: #0000001c;
    --theme-box-shadow-medium: #00000021;
    --theme-box-shadow-heavy: #0000002e;
    --theme-box-shadow-extra-heavy: #00000038;
    --theme-overlay: #000000b3;
    --theme-overlay-invert: #fff;
    --theme-body-background: #fff;
    --theme-body-background-accent: #e8e6df;
    --theme-body-background-medium: #f2f2f2;
    --theme-alternate-background: #171717;
    --theme-alternate-background-medium: #2f2f2f;
    --theme-card-background: #fff;
    --theme-border: #e6e6e6;
    --theme-border-accent: #e8e6df;
    --theme-border-white-high-contrast: #fff0;
    --theme-border-yellow-high-contrast: #0000;
    --theme-table-header: #e6e6e6;
    --theme-table-row: #f2f2f2;
    --theme-table-row-header: #fafafa;
    --theme-table-border-dark: #d2d2d2;
    --theme-hover-base: #2f2f2f;
    --theme-hover-invert: #fafafa;
    --theme-code-header: #e6e6e6;
    --theme-code-block: #f2f2f2;
    --theme-control-border: #757575;
    --theme-inline-code: #e6e6e6;
    --theme-code-highlight-background: #fff4ce;
    --theme-visited: #624991;
    --theme-score-low-off: #a800004d;
    --theme-score-low: #b62626;
    --theme-score-medium-off: #ffbb004d;
    --theme-score-medium: #ffb900;
    --theme-score-high-off: #489d484d;
    --theme-score-high: #2a8b2a;
    --theme-hyperlink: #0065b3;
    --theme-primary-base: #0078d4;
    --theme-primary-background: #d7eaf8;
    --theme-primary-background-glow-high-contrast: #d7eaf8;
    --theme-primary-dark: #004173;
    --theme-primary-hover: #0065b3;
    --theme-primary-active: #00579a;
    --theme-primary-box-shadow: #0065b34d;
    --theme-primary-invert: #fff;
    --theme-secondary-base: #a2a2a2;
    --theme-secondary-background: #e6e6e6;
    --theme-secondary-background-glow-high-contrast: #e6e6e6;
    --theme-secondary-dark: #2f2f2f;
    --theme-secondary-hover: #d2d2d2;
    --theme-secondary-active: #d2d2d2;
    --theme-secondary-box-shadow: #0000004d;
    --theme-secondary-invert: #000;
    --theme-tertiary-base: #243a5e;
    --theme-tertiary-background: #061329;
    --theme-tertiary-background-glow-high-contrast: #061329;
    --theme-tertiary-dark: #a4b2c9;
    --theme-tertiary-hover: #14294c;
    --theme-tertiary-active: #70819f;
    --theme-tertiary-box-shadow: #26173f4d;
    --theme-tertiary-invert: #fff;
    --theme-success-base: #107c10;
    --theme-success-background: #dff6dd;
    --theme-success-background-glow-high-contrast: #dff6dd;
    --theme-success-dark: #054b16;
    --theme-success-hover: #0b6413;
    --theme-success-active: #054b16;
    --theme-success-box-shadow: #489d484d;
    --theme-success-invert: #fff;
    --theme-info-base: #8661c5;
    --theme-info-background: #efd9fd;
    --theme-info-background-glow-high-contrast: #efd9fd;
    --theme-info-dark: #3b2e58;
    --theme-info-hover: #8661c5;
    --theme-info-active: #624991;
    --theme-info-box-shadow: #2018434d;
    --theme-info-invert: #fff;
    --theme-warning-base: #ffb900;
    --theme-warning-background: #fff4ce;
    --theme-warning-background-glow-high-contrast: #fff4ce;
    --theme-warning-dark: #6a4b16;
    --theme-warning-hover: #d19501;
    --theme-warning-active: #966802;
    --theme-warning-box-shadow: #ffbb004d;
    --theme-warning-invert: #000;
    --theme-danger-base: #a80000;
    --theme-danger-background: #fde7e9;
    --theme-danger-background-glow-high-contrast: #fde7e9;
    --theme-danger-dark: #470001;
    --theme-danger-hover: #870000;
    --theme-danger-active: #630001;
    --theme-danger-box-shadow: #a800004d;
    --theme-danger-invert: #fff;
    --theme-facepile-red: #a80000;
    --theme-facepile-teal: #328e9f;
    --theme-facepile-blue: #0078d4;
    --theme-gradient-text-purple: #702573;
    --theme-gradient-text-blue: #00579a;
}

:not(a):not(pre)>code {
    color: var(--theme-text);
    padding: 0.1em 0.2em;
    background-color: #e6e6e6;
    border-radius: 3px;
    font-size: 85%;
    font-smooth: auto;
    word-wrap: break-word;
}

pre {
    border: 1px solid var(--theme-border);
    background-color: var(--theme-code-block);
    font-smooth: auto;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    -webkit-overflow-scrolling: touch;
    margin: 1rem 0 0;
    padding: 1rem;
    font-size: .875rem;
    line-height: 1.3571;
    overflow: auto;
}

.codeHeader {
    box-sizing: content-box;
    background-color: var(--theme-code-header);
    color: var(--theme-text);
    border: 1px solid var(--theme-border);
    min-height: 30px;
    border-bottom: 0;
    flex-direction: row;
    margin-top: 16px;
    font-size: .8rem;
    display: flex;
}

.codeHeader>.language {
    flex-grow: 1;
    padding: 2px 16px;
}

.codeHeader+pre {
    margin-top: 0;
}

.syntax {
    background-color: #fdf8d9;
    border-radius: 3px;
    padding: .25rem;
}

@media print {
    .bg-color {
        background-color: white;
    }
}

@media screen {
    .bg-color {
        background-color: #eeeeee;
    }
}

@media screen and (min-width: 576px) {
    .is-vertically-scrollable-sm {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 80vh;
    }
}

@media screen and (min-width: 768px) {
    .is-vertically-scrollable-md {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 80vh;
    }
}

@media screen and (min-width: 992px) {
    .is-vertically-scrollable-lg {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 80vh;
    }
}

@media screen and (min-width: 1200px) {
    .is-vertically-scrollable-xl {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 80vh;
    }
}

@media screen and (min-width: 1400px) {
    .is-vertically-scrollable-xll {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 80vh;
    }
}

@media screen {
    .hide_in_screen {
        display: none;
    }
}


@media print {
    .hide_in_print {
        display: none;
    }
}

@media print {
    .next_page {
        page-break-before: always;
    }
}