@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    src: url(../font/poppins-regular.ttf) format("truetype");
}

@font-face {
    font-family: "Poppins";
    font-style: bold;
    font-weight: 500; /* Djo changed from 600 */
    font-size: 11px;
    src: url(../font/Poppins-SemiBold.ttf) format("truetype"); /* Change from bol */
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(../font/roboto-latin-400-italic.woff2) format("woff2"), url(../font/roboto-latin-400-italic.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: url(../font/roboto-latin-500-normal.woff2) format("woff2"), url(../font/roboto-latin-500-normal.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 600;
    src: url(../font/roboto-latin-500-italic.woff2) format("woff2"), url(../font/roboto-latin-500-italic.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 400;
    src: url(../font/roboto-mono-latin-400-normal.woff2) format("woff2"), url(../font/roboto-mono-latin-400-normal.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 600;
    src: url(../font/roboto-mono-latin-500-normal.woff2) format("woff2"), url(../font/roboto-mono-latin-500-normal.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: Comfortaa;
    font-style: normal;
    font-weight: 400;
    src: url(../font/comfortaa-latin-400-normal.woff2) format("woff2"), url(../font/comfortaa-latin-400-normal.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

:root {
    --color-brand-primary: #0052C3;
    --color-white: #fff;
    --color-smoke-10: #fefefe;
    --color-smoke-30: #fafafa;
    --color-smoke-50: #f5f5f5;
    --color-smoke-70: #f0f0f0;
    --color-smoke-90: #e1e1e1;
    --color-gray-10: #c1c1c1;
    --color-gray-15: #bababa;
    --color-gray-30: #8e8e8e;
    --color-gray-50: grey;
    --color-gray-70: #5d5d5d;
    --color-jet-20: #4a4a4a;
    --color-jet-30: #424242;
    --color-jet-50: #333;
    --color-jet-70: #222;
    --color-jet-80: #191919;
    --color-black: #000;
    --color-gold: #ad7a03;
    --rem-base: 18;
    --viewport-height: calc(var(--vh, 1vh)*100);
    --body-font-size: 1.0625em;
    --body-font-size--desktop: 1.125em;
    --body-font-size--print: 0.9375em;
    --body-line-height: 1.15;
    --body-font-color: var(--color-jet-80);
    --body-postman-color: var(--color-gold);
    --body-font-family: "Poppins", sans-serif;
    --body-font-weight-bold: 600;
    --monospace-font-family: "Roboto Mono", monospace;
    --monospace-font-weight-bold: 600;
    --body-background: var(--color-white);
    --panel-background: var(--color-smoke-30);
    --panel-border-color: var(--color-smoke-90);
    --scrollbar-track-color: var(--color-smoke-30);
    --scrollbar-thumb-color: var(--color-gray-10);
    --scrollbar_hover-thumb-color: #9c9c9c;
    --navbar-background:  var(--color-white);
    --navbar-font-color: #0052C3;
    --navbar-heading-font-color: #0052C3;
    --navbar-heading-font-weight: var(--body-font-weight-bold);
    --navbar_hover-background: var(--color-white);
    --navbar-button-background: var(--color-white);
    --navbar-button-border-color: var(--panel-border-color);
    --navbar-button-font-color: var(--body-font-color);
    --navbar-menu-border-color: var(--panel-border-color);
    --navbar-menu-border-radius: 0 0 0.25rem 0.25rem;
    --navbar-menu-box-shadow: 0 2px 4px hsla(0, 0%, 63%, .15);
    --navbar-menu-background: var(--color-white);
    --navbar-menu-font-color: var(--body-font-color);
    --navbar-menu-icon-filter: invert(10%);
    --navbar-menu_hover-background: var(--color-white);
    --nav-background: var(--panel-background);
    --nav-border-color: var(--color-gray-10);
    --nav-line-height: 1.35;
    --nav-heading-font-color: #0052C3;
    --nav-muted-color: var(--color-gray-70);
    --nav-muted-icon-filter: invert(36.5%);
    --nav-panel-divider-color: var(--color-smoke-90);
    --nav-secondary-background: var(--color-smoke-70);
    --toolbar-background: var(--panel-background);
    --toolbar-border-color: var(--panel-border-color);
    --toolbar-font-color: var(--nav-muted-color);
    --toolbar-icon-filter: var(--nav-muted-icon-filter);
    --toolbar-primary-icon-filter: var(--navbar-menu-icon-filter);
    --toolbar-muted-color: var(--color-gray-30);
    --page-version-menu-background: var(--color-smoke-70);
    --page-version-missing-font-color: var(--color-gray-30);
    --caution-color: #802392;
    --caution-on-color: var(--color-white);
    --important-color: var(--color-brand-primary);
    --important-on-color: var(--color-white);
    --note-color: #2d7dd2;
    --note-on-color: var(--color-white);
    --tip-color: #43b929;
    --tip-on-color: var(--color-white);
    --warning-color: #f70;
    --warning-on-color: var(--color-white);
    --doc-font-color: #24262b;
    --doc-icon-filter: invert(14.5%);
    --doc-font-size: inherit;
    --doc-font-size--desktop: calc(17/var(--rem-base)*1rem);
    --doc-line-height: 1.6;
    --doc-margin: 0 auto;
    --doc-margin--desktop: 0 2rem;
    --heading-font-color: #0052C3;
    --heading-font-weight: normal;
    --alt-heading-font-weight: var(--body-font-weight-bold);
    --section-divider-color: var(--panel-border-color);
    --link-font-color: #2c7fa2;
    --link_hover-font-color: #08658c;
    --link_unresolved-font-color: var(--important-color);
    --link_unresolved-hover-font-color: #ec003a;
    --abstract-background: var(--color-smoke-70);
    --abstract-font-color: var(--color-jet-20);
    --abstract-border-color: var(--panel-border-color);
    --admonition-background: var(--panel-background);
    --admonition-label-font-weight: var(--body-font-weight-bold);
    --caption-font-color: var(--color-gray-70);
    --caption-font-style: italic;
    --caption-font-weight: var(--body-font-weight-bold);
    --code-background: var(--panel-background);
    --code-font-color: var(--body-font-color);
    --example-background: var(--color-white);
    --example-border-color: var(--color-gray-70);
    --kbd-background: var(--panel-background);
    --kbd-border-color: var(--color-gray-10);
    --pre-background: var(--panel-background);
    --pre-border-color: var(--panel-border-color);
    --pre-annotation-font-color: var(--color-gray-50);
    --pre-annotation-icon-filter: invert(50.2%);
    --quote-background: var(--panel-background);
    --quote-border-color: var(--color-gray-70);
    --quote-font-color: var(--color-gray-70);
    --quote-attribution-font-color: var(--color-gray-30);
    --sidebar-background: var(--color-smoke-90);
    --table-border-color: var(--panel-border-color);
    --table-stripe-background: var(--panel-background);
    --table-footer-background: linear-gradient(to bottom, var(--color-smoke-70) 0%, var(--color-white) 100%);
    --toc-font-color: var(--nav-muted-color);
    --toc-heading-font-color: #0052C3;
    --toc-border-color: var(--panel-border-color);
    --toc-line-height: 1.2;
    --footer-line-height: var(--doc-line-height);
    --footer-background:  #666666;
    --footer-font-color: var(--color-gray-15);
    --footer-link-font-color: var(--color-white);
    --navbar-height: calc(63/var(--rem-base)*1rem);
    --toolbar-height: calc(45/var(--rem-base)*1rem);
    --drawer-height: var(--toolbar-height);
    --body-top: var(--navbar-height);
    --body-min-height: calc(var(--viewport-height) - var(--body-top));
    --nav-height: calc(var(--body-min-height) - var(--toolbar-height));
    --nav-height--desktop: var(--body-min-height);
    --nav-panel-menu-height: calc(100% - var(--drawer-height));
    --nav-panel-explore-height: calc(50% + var(--drawer-height));
    --nav-width: calc(300/var(--rem-base)*1rem);
    --toc-top: calc(var(--body-top) + var(--toolbar-height));
    --toc-height: calc(var(--viewport-height) - var(--toc-top) - 2.5rem);
    --toc-width: calc(162/var(--rem-base)*1rem);
    --toc-width--widescreen: calc(216/var(--rem-base)*1rem);
    --doc-max-width: calc(760/var(--rem-base)*1rem);
    --doc-max-width--desktop: calc(828/var(--rem-base)*1rem);
    --z-index-doc: 1;
    --z-index-nav: 2;
    --z-index-toolbar: 3;
    --z-index-page-version-menu: 4;
    --z-index-footer: 5;
    --z-index-navbar: 6
}

*, ::after, ::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-size: 1.0625em;
    font-size: var(--body-font-size);
    height: 100vh;
    height: var(--viewport-height);
    min-height: 100vh;
    scroll-behavior: smooth
}

@media screen and (min-width:1024px) {
    html {
        font-size: 1.125em;
        font-size: var(--body-font-size--desktop)
    }
}

body {
    word-wrap: anywhere;
    background: #fff;
    background: var(--body-background);
    color: #191919;
    color: var(--body-font-color);
    font-family: Poppins, sans-serif;
    font-family: var(--body-font-family);
    line-height: 1.15;
    line-height: var(--body-line-height);
    margin: 0;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    background-color: none
}

code, kbd, pre {
    font-family: Roboto Mono, monospace;
    font-family: var(--monospace-font-family)
}

b, dt, strong, th {
    font-weight: 600;
    font-weight: var(--body-font-weight-bold)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

em em {
    font-style: normal
}

strong strong {
    font-weight: 600
}

button {
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.15;
    line-height: var(--body-line-height);
    margin: 0
}

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

summary {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    outline: none
}

table {
    word-wrap: normal;
    border-collapse: collapse
}

object[type="image/svg+xml"]:not([width]) {
    width: -moz-fit-content;
    width: fit-content
}

::-moz-placeholder {
    opacity: .5
}

::placeholder {
    opacity: .5
}

@media (pointer:fine) {
    @supports (scrollbar-width:thin) {
        html {
            scrollbar-color: #c1c1c1 #fafafa;
            scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color)
        }

        body * {
            scrollbar-color: #c1c1c1 transparent;
            scrollbar-color: var(--scrollbar-thumb-color) transparent;
            scrollbar-width: thin
        }
    }

    html::-webkit-scrollbar {
        background-color: #fafafa;
        background-color: var(--scrollbar-track-color);
        height: 12px;
        width: 12px
    }

    body ::-webkit-scrollbar {
        height: 6px;
        width: 6px
    }

    ::-webkit-scrollbar-thumb {
        background-clip: padding-box;
        background-color: #c1c1c1;
        background-color: var(--scrollbar-thumb-color);
        border: 3px solid transparent;
        border-radius: 12px
    }

    body ::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border-width: 1.75px
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #9c9c9c;
        background-color: var(--scrollbar_hover-thumb-color)
    }
}

@media screen and (min-width:1024px) {
    .body {
        display: flex
    }
}

@media screen and (max-width:768.5px) {
    html.is-clipped--nav {
        overflow-y: hidden
    }

    @supports (scrollbar-width:none) {
        html.is-clipped--nav {
            overflow-y: initial;
            scrollbar-width: none
        }
    }
}

.nav-container {
    font-size: .94444rem;
    font-size: calc(17/var(--rem-base)*1rem);
    left: 0;
    position: fixed;
    top: 3.5rem;
    top: var(--navbar-height);
    visibility: hidden;
    width: 100%;
    z-index: 2;
    z-index: var(--z-index-nav)
}

@media screen and (min-width:769px) {
    .nav-container {
        width: 15rem;
        width: var(--nav-width)
    }
}

@media screen and (min-width:1024px) {
    .nav-container {
        flex: none;
        font-size: .86111rem;
        font-size: calc(15.5/var(--rem-base)*1rem);
        height: calc(100vh - 3.5rem);
        height: var(--nav-height--desktop);
        position: static;
        visibility: visible
    }
}

.nav-container.is-active {
    visibility: visible
}

.nav {
    background: #fafafa;
    background: var(--nav-background);
    height: calc(100vh - 6rem);
    height: var(--nav-height);
    position: relative;
    top: 2.5rem;
    top: var(--toolbar-height)
}

@media screen and (min-width:769px) {
    .nav {
        box-shadow: .5px 0 3px #c1c1c1;
        box-shadow: .5px 0 3px var(--nav-border-color)
    }
}

@media screen and (min-width:1024px) {
    .nav {
        box-shadow: none;
        height: inherit;
        position: fixed;
        top: 3.5rem;
        top: var(--navbar-height);
        width: inherit
    }
}

.nav a {
    color: inherit
}

.nav .panels {
    display: flex;
    flex-direction: column;
    height: inherit
}

.nav-panel-menu {
    height: calc(100% - 2.5rem);
    height: var(--nav-panel-menu-height);
    overflow-y: scroll;
    overscroll-behavior: none
}

.nav-panel-menu.is-loading {
    visibility: hidden
}

.nav-panel-menu:not(.is-active) .nav-menu {
    opacity: .75
}

.nav-panel-menu:not(.is-active)::after {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nav-menu {
    line-height: 1.35;
    line-height: var(--nav-line-height);
    min-height: 100%;
    padding: .5rem .75rem;
    position: relative
}

.nav-menu-toggle {
    background: transparent url(../img/octicons-24.svg#view-unfold) no-repeat 50%/100% 100%;
    border: none;
    float: right;
    height: 1em;
    margin-right: -.5rem;
    opacity: .5;
    outline: none;
    padding: 0;
    position: sticky;
    top: .8rem;
    visibility: hidden;
    width: 1em
}

.nav-menu-toggle.is-active {
    background-image: url(../img/octicons-24.svg#view-fold)
}

.nav-panel-menu.is-active:hover .nav-menu-toggle {
    visibility: visible
}

.nav-menu h3.title {
    color: #e40046;
    color: var(--nav-heading-font-color);
    font-size: .9rem;
    font-weight: 600;
    font-weight: var(--body-font-weight-bold);
    margin: .15rem 0 0;
    padding: 0
}

.nav-list {
    list-style: none;
    margin: 0 0 0 .75rem;
    padding: 0
}

.nav-menu>.nav-list+.nav-list {
    margin-top: .5rem
}

.nav-item {
    margin-top: .5em
}

.nav-item-toggle~.nav-list {
    padding-bottom: .125rem
}

.nav-item[data-depth="0"]>.nav-list:first-child {
    display: block;
    margin: 0
}

.nav-item:not(.is-active)>.nav-list {
    display: none
}

.nav-item-toggle {
    background: transparent url(../img/octicons-16.svg#view-triangle-right) no-repeat 50%/100% 100%;
    border: none;
    height: 1.35em;
    height: calc(var(--nav-line-height)*1em);
    line-height: inherit;
    margin: -.05em 0 0 -1.35em;
    margin: -.05em 0 0 calc(var(--nav-line-height)*-1em);
    opacity: .25;
    outline: none;
    padding: 0;
    position: absolute;
    width: 1.35em;
    width: calc(var(--nav-line-height)*1em)
}

.nav-item.is-active>.nav-item-toggle {
    background-image: url(../img/octicons-16.svg#view-triangle-down)
}

.is-current-page>.nav-link, .is-current-page>.nav-text {
    -webkit-text-stroke-width: .02em
}

.nav-panel-explore {
    background: #fafafa;
    background: var(--nav-background);
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.nav-panel-explore:not(:first-child) {
    max-height: calc(50% + 2.5rem);
    max-height: var(--nav-panel-explore-height);
    top: auto
}

.nav-panel-explore .context {
    align-items: center;
    box-shadow: 0 -1px 0 #e1e1e1;
    box-shadow: 0 -1px 0 var(--nav-panel-divider-color);
    color: #0052C3;
    color: var(--nav-muted-color);
    display: flex;
    flex-shrink: 0;
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem);
    height: 2.5rem;
    height: var(--drawer-height);
    justify-content: space-between;
    line-height: 1;
    padding: 0 .5rem
}

.nav-panel-explore:not(:first-child) .context {
    cursor: pointer
}

.nav-panel-explore .context .version {
    display: none;
/* DJO   padding-right: .25rem */
}

.nav-panel-explore:not(:first-child) .context .version::after {
    background: url(../img/octicons-16.svg#view-chevron-down) no-repeat center right -.15em/1em 1em;
    content: "";
    filter: invert(36.5%);
    filter: var(--nav-muted-icon-filter);
    margin-right: -.25rem;
    padding-right: 1.25em
}

.nav-panel-explore .components {
    background: #f0f0f0;
    background: var(--nav-secondary-background);
    box-shadow: inset 0 1px 5px #e1e1e1;
    box-shadow: inset 0 1px 5px var(--nav-panel-divider-color);
    display: block;
    flex-grow: 1;
    line-height: 1.3;
    margin: 0;
    max-height: 100%;
    overflow-y: scroll;
    padding: .5rem .75rem 0
}

.nav-panel-explore:not(.is-active) .components {
    display: none
}

.nav-panel-explore .component {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.nav-panel-explore .component+.component {
    margin-top: .5rem
}

.nav-panel-explore .component:last-child {
    margin-bottom: .75rem
}

.nav-panel-explore .component .title {
    flex: auto
    font-weight: 400;
/*     font-weight: var(--body-font-weight-bold); also changed flex from none to auto DJO */
    margin-top: .25rem
}

.nav-panel-explore .component .title:not(:only-child) {
    max-width: 66.66%
}

/* chnaged to nowrap DJO - changed back to wrap*/
.nav-panel-explore .versions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    line-height: 1;
    list-style: none;
    padding-left: 0
}


.nav-panel-explore .component .version {
    display: none
/* DJO margin: .25rem 0 0 .25rem */     
}

.nav-panel-explore .component .version a {
    border: 1px solid #c1c1c1;
    border: 1px solid var(--nav-border-color);
    border-radius: .25rem;
    display: inherit;
    opacity: .75;
    padding: .125em .25em;
    white-space: nowrap
}

.nav-panel-explore .component .is-current a {
    border-color: currentColor;
    font-weight: 400;
/*    font-weight: var(--body-font-weight-bold); DJO */
    opacity: .9
}

@media screen and (max-width:1023.5px) {
    aside.toc.sidebar {
        display: none
    }

    main>.content {
        overflow-x: auto
    }
}

@media screen and (min-width:1024px) {
    main {
        flex: auto;
        min-width: 0
    }

    main>.content {
        display: flex
    }

    aside.toc.embedded {
        display: none
    }

    aside.toc.sidebar {
        flex: 0 0 9rem;
        flex: 0 0 var(--toc-width);
        order: 1
    }
}

@media screen and (min-width:1216px) {
    aside.toc.sidebar {
        flex-basis: 12rem;
        flex-basis: var(--toc-width--widescreen)
    }
}

.toolbar {
    align-items: center;
    background-color: #fafafa;
    background-color: var(--toolbar-background);
    box-shadow: 0 1px 0 #e1e1e1;
    box-shadow: 0 1px 0 var(--toolbar-border-color);
    color: #5d5d5d;
    color: var(--toolbar-font-color);
    display: flex;
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem);
    height: 2.5rem;
    height: var(--toolbar-height);
    justify-content: flex-start;
    position: sticky;
    top: 3.5rem;
    top: var(--navbar-height);
    z-index: 3;
    z-index: var(--z-index-toolbar)
}

.toolbar a {
    color: inherit
}

.nav-toggle {
    background: url(../img/octicons-24.svg#view-file-directory) no-repeat 50%/50% 50%;
    border: none;
    filter: invert(10%);
    filter: var(--toolbar-primary-icon-filter);
    height: 2.5rem;
    height: var(--toolbar-height);
    line-height: inherit;
    margin-right: -.625rem;
    outline: none;
    padding: 0;
    width: 2.5rem;
    width: var(--toolbar-height)
}

@media screen and (min-width:1024px) {
    .nav-toggle {
        display: none
    }
}

.nav-toggle.is-active {
    background-image: url(../img/octicons-24.svg#view-arrow-left)
}

.home-link {
    background: url(../img/octicons-24.svg#view-home) no-repeat 50%/100% 100%;
    display: block;
    filter: invert(10%);
    filter: var(--toolbar-primary-icon-filter);
    height: 1.25rem;
    height: calc(var(--toolbar-height)/2);
    margin: .625rem;
    margin: calc(var(--toolbar-height)/4);
    margin-right: .5rem;
    width: 1.25rem;
    width: calc(var(--toolbar-height)/2)
}

.home-link.is-current, .home-link:hover {
    background-image: url(../img/octicons-24.svg#view-home-fill)
}

.project-link {
    display: none;
    filter: invert(10%);
    filter: var(--toolbar-primary-icon-filter);
    margin-right: 1ch
}

.project-link .icon {
    display: inherit;
    height: 1.25em;
    width: 1.25em
}

.project-link .icon img {
    height: inherit;
    width: inherit
}

.edit-this-page {
    display: none;
    padding-right: .5rem
}

@media screen and (min-width:1024px) {
    .edit-this-page, .project-link {
        display: block
    }
}

.toolbar .edit-this-page a {
    color: #8e8e8e;
    color: var(--toolbar-muted-color)
}

.breadcrumbs {
    display: none;
    flex: 1 1;
    line-height: 1.35;
    line-height: var(--nav-line-height);
    padding: 0 .5rem 0 .75rem
}

@media screen and (min-width:1024px) {
    .breadcrumbs {
        display: block
    }
}

a+.breadcrumbs {
    padding-left: .05rem
}

.breadcrumbs ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumbs li {
    display: inline;
    margin: 0
}

.breadcrumbs li::after {
    content: "/";
    padding: 0 .5rem
}

.breadcrumbs li:last-of-type::after {
    content: none
}

.page-versions {
    line-height: 1;
    margin: 0 .2rem 0 auto;
    position: relative
}

@media screen and (min-width:1024px) {
    .page-versions {
        margin-right: .7rem
    }
}

.page-versions .version-menu-toggle {
    background-color: transparent;
    border: none;
    color: inherit;
    line-height: inherit;
    outline: none;
    padding: .5rem;
    position: relative;
    z-index: 4;
    z-index: var(--z-index-page-version-menu)
}

.page-versions .version-menu-toggle::after {
    background: url(../img/octicons-16.svg#view-chevron-down) no-repeat center right -.15em/1em 1em;
    content: "";
    filter: invert(36.5%);
    filter: var(--toolbar-icon-filter);
    padding-right: 1rem
}

.page-versions .version-menu {
    align-items: flex-end;
    background: linear-gradient(180deg, #f0f0f0 0, #f0f0f0) no-repeat;
    background: linear-gradient(to bottom, var(--page-version-menu-background) 0, var(--page-version-menu-background) 100%) no-repeat;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    padding: 1.375rem 1.5rem .5rem .5rem;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.page-versions:not(.is-active) .version-menu {
    display: none
}

.page-versions .version {
    display: block;
    padding-top: .5rem
}

.page-versions .version.is-current {
    display: none
}

.page-versions .version.is-missing {
    color: #8e8e8e;
    color: var(--page-version-missing-font-color);
    font-style: italic;
    text-decoration: none
}

.toc-menu {
    color: #5d5d5d;
    color: var(--toc-font-color)
}

.toc.sidebar .toc-menu {
    margin-right: .75rem;
    position: sticky;
    top: 6rem;
    top: var(--toc-top)
}

.toc .toc-menu h3 {
    color: #24262b;
    color: var(--toc-heading-font-color);
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem);
    font-weight: 400;
/*    font-weight: var(--body-font-weight-bold); DJO */
    line-height: 1.3;
    margin: 0 -.5px;
    padding-bottom: .25rem
}

.toc.sidebar .toc-menu h3 {
    display: flex;
    flex-direction: column;
    height: 2.5rem;
    justify-content: flex-end
}

.toc .toc-menu ul {
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem);
    line-height: 1.2;
    line-height: var(--toc-line-height);
    list-style: none;
    margin: 0;
    padding: 0
}

.toc.sidebar .toc-menu ul {
    max-height: calc(100vh - 8.5rem);
    max-height: var(--toc-height);
    overflow-y: auto;
    overscroll-behavior: none;
    scrollbar-width: none
}

.toc .toc-menu ul::-webkit-scrollbar {
    height: 0;
    width: 0
}

@media screen and (min-width:1024px) {
    .toc .toc-menu h3 {
        font-size: .83333rem;
        font-size: calc(15/var(--rem-base)*1rem)
    }

    .toc .toc-menu ul {
        font-size: .75rem;
        font-size: calc(13.5/var(--rem-base)*1rem)
    }
}

.toc .toc-menu li {
    margin: 0
}

.toc .toc-menu li[data-level="2"] a {
    padding-left: 1.25rem
}

.toc .toc-menu li[data-level="3"] a {
    padding-left: 2rem
}

.toc .toc-menu a {
    border-left: 2px solid #e1e1e1;
    border-left: 2px solid var(--toc-border-color);
    color: inherit;
    display: inline-block;
    padding: .25rem 0 .25rem .5rem;
    text-decoration: none
}

.sidebar.toc .toc-menu a {
    display: block;
    outline: none
}

.toc .toc-menu a.is-active, .toc .toc-menu a:hover {
    -webkit-text-stroke-width: .01em;
    color: #24262b;
    color: var(--doc-font-color)
}

.toc .toc-menu a.is-active {
    border-left-color: #e40046; 
    border-left-color: var(--color-brand-primary)  
}

.sidebar.toc .toc-menu a:focus {
    background: #fafafa;
    background: var(--panel-background)
}

.toc .toc-menu .is-hidden-toc {
    display: none !important
}

.doc {
    color: #24262b;
    color: var(--doc-font-color);
    font-size: inherit;
    font-size: var(--doc-font-size);
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.6;
    line-height: var(--doc-line-height);
    margin: 0 auto;
    margin: var(--doc-margin);
    max-width: 40rem;
    max-width: var(--doc-max-width);
    padding: 0 1rem 4rem
}

@media screen and (min-width:1024px) {
    .doc {
        flex: auto;
        font-size: .94444rem;
        font-size: var(--doc-font-size--desktop);
        margin: 0 2rem;
        margin: var(--doc-margin--desktop);
        max-width: 46rem;
        max-width: var(--doc-max-width--desktop);
        min-width: 0;
        position: relative;
        z-index: 1;
        z-index: var(--z-index-doc)
    }
}

.doc h1, .doc h2, .doc h3, .doc h4, .doc h5, .doc h6 {
    color: #191919;
    color: var(--heading-font-color);
    font-weight: 400;
    font-weight: var(--alt-heading-font-weight); /* Djo change from heading-font-weight */
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.3;
    margin: 1rem 0 0
}

.doc>h1.page:first-child {
    font-size: 2rem;
    font-size: calc(36/var(--rem-base)*1rem);
    margin: 1.5rem 0
}

@media screen and (min-width:769px) {
    .doc>h1.page:first-child {
        margin-top: 2.5rem
    }
}

.doc>h1.page:first-child+aside.toc.embedded {
    margin-top: -.5rem
}

.doc>h2#name+.sectionbody {
    margin-top: 1rem
}

#preamble+.sect1, .doc .sect1+.sect1 {
    margin-top: 2rem
}

.doc h1.sect0 {
    background: #f0f0f0;
    background: var(--abstract-background);
    font-size: 1.8em;
    margin: 1.5rem -1rem 0;
    padding: .5rem 1rem
}

.doc h2:not(.discrete) {
    border-bottom: 1px solid #e1e1e1;
    border-bottom: 1px solid var(--section-divider-color);
    margin-left: 0rem;   /* DJO change -1rem to 0 */
    margin-right: 0rem;  /* DJO change -1rem to 0 */
    padding: .4rem 0rem .1rem /*DJO change 1rem to 0rem */
}

.doc h3:not(.discrete), .doc h4:not(.discrete) {
    font-weight: 400;
    font-weight: var(--alt-heading-font-weight) /* DJO */
}

.doc h1 .anchor, .doc h2 .anchor, .doc h3 .anchor, .doc h4 .anchor, .doc h5 .anchor, .doc h6 .anchor {
    font-size: .8em;
    font-weight: 400;
    margin-left: -1.5ex; 
    padding-top: .05em;
    position: absolute;
    text-decoration: none;
    visibility: hidden;
    width: 1.75ex
}

.doc h1 .anchor::before, .doc h2 .anchor::before, .doc h3 .anchor::before, .doc h4 .anchor::before, .doc h5 .anchor::before, .doc h6 .anchor::before {
    content: "\00a7"
}

.doc h1:hover .anchor, .doc h2:hover .anchor, .doc h3:hover .anchor, .doc h4:hover .anchor, .doc h5:hover .anchor, .doc h6:hover .anchor {
    color: #e40046;
    color: var(--color-brand-primary);
    visibility: visible
}

.doc dl, .doc p {
    margin: 0
}

.doc a {
    color: #2c7fa2;
    color: var(--link-font-color)
}

.doc a:hover {
    color: #08658c;
    color: var(--link_hover-font-color)
}

.doc a:hover, .doc a:hover>* {
    -webkit-text-decoration: underline solid currentColor;
    text-decoration: underline solid currentColor
}

.doc a.bare {
    -webkit-hyphens: none;
    hyphens: none
}

.doc a.unresolved {
    color: #e40046;
    color: var(--link_unresolved-font-color)
}

.doc a.unresolved:hover {
    color: #ec003a;
    color: var(--link_unresolved-hover-font-color)
}

.doc i.fa {
    background: no-repeat 50%/1em 1em;
    display: inline-block;
    filter: invert(14.5%);
    filter: var(--doc-icon-filter);
    font-style: normal;
    height: 1em;
    -webkit-hyphens: none;
    hyphens: none;
    vertical-align: -.125em;
    width: 1em
}

.doc .colist>table code, .doc p code, .doc thead code {
    background: #fafafa;
    background: var(--code-background);
    border-radius: .25em;
    color: #191919;
    color: var(--code-font-color);
    font-size: .95em;
    padding: .125em .25em
}

.doc code, .doc pre {
    -webkit-hyphens: none;
    hyphens: none
}

.doc pre {
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem);
    line-height: 1.5;
    margin: 0
}

.doc blockquote {
    margin: 0
}

.doc .paragraph.lead>p {
    font-size: 1rem;
    font-size: calc(18/var(--rem-base)*1rem)
}

.doc .right {
    float: right
}

.doc .left {
    float: left
}

.doc .float-gap.right {
    margin: 0 1rem 1rem 0
}

.doc .float-gap.left {
    margin: 0 0 1rem 1rem
}

.doc .float-group::after {
    clear: both;
    content: "";
    display: table
}

.doc .text-left {
    text-align: left
}

.doc .text-center {
    text-align: center
}

.doc .text-right {
    text-align: right
}

.doc .text-justify {
    text-align: justify
}

.doc .stretch {
    width: 100%
}

.doc .big {
    font-size: larger
}

.doc .small {
    font-size: smaller
}

.doc .underline {
    text-decoration: underline
}

.doc .line-through {
    text-decoration: line-through
}

.doc .dlist, .doc .exampleblock, .doc .hdlist, .doc .imageblock, .doc .listingblock, .doc .literalblock, .doc .olist, .doc .paragraph, .doc .partintro, .doc .quoteblock, .doc .sidebarblock, .doc .ulist, .doc .verseblock, .doc .videoblock, .doc details, .doc hr {
    margin: 1rem 0 0
}

.doc .tablecontainer, .doc .tablecontainer+*, .doc :not(.tablecontainer)>table.tableblock, .doc :not(.tablecontainer)>table.tableblock+*, .doc>table.tableblock, .doc>table.tableblock+* {
    margin-top: 1.5rem
}

.doc table.tableblock {
    background: #fff;
    background: var(--body-background);
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem)
}

@media screen and (min-width:1024px) {
    .doc table.tableblock {
        box-shadow: 0 0 .25rem .25rem #fff;
        box-shadow: 0 0 .25rem .25rem var(--color-white)
    }

    .doc .content table.tableblock {
        box-shadow: none
    }
}

.doc p.tableblock+p.tableblock {
    margin-top: .5rem
}

.doc table.tableblock pre {
    font-size: inherit
}

.doc td.tableblock>.content {
    word-wrap: anywhere
}

.doc td.tableblock>.content>:first-child {
    margin-top: 0
}

.doc table.tableblock td, .doc table.tableblock th {
    padding: .5rem
}

.doc table.tableblock, .doc table.tableblock>*>tr>* {
    border: 0 solid #e1e1e1;
    border: 0 solid var(--table-border-color)
}

.doc table.grid-all>*>tr>* {
    border-width: 1px
}

.doc table.grid-cols>*>tr>* {
    border-width: 0 1px
}

.doc table.grid-rows>*>tr>* {
    border-width: 1px 0
}

.doc table.grid-all>thead th, .doc table.grid-rows>thead th {
    border-bottom-width: 2.5px
}

.doc table.frame-all {
    border-width: 1px
}

.doc table.frame-ends {
    border-width: 1px 0
}

.doc table.frame-sides {
    border-width: 0 1px
}

.doc table.frame-none>colgroup+*>:first-child>*, .doc table.frame-sides>colgroup+*>:first-child>* {
    border-top-width: 0
}

.doc table.frame-sides>:last-child>:last-child>* {
    border-bottom-width: 0
}

.doc table.frame-ends>*>tr>:first-child, .doc table.frame-none>*>tr>:first-child {
    border-left-width: 0
}

.doc table.frame-ends>*>tr>:last-child, .doc table.frame-none>*>tr>:last-child {
    border-right-width: 0
}

.doc table.stripes-all>tbody>tr, .doc table.stripes-even>tbody>tr:nth-of-type(2n), .doc table.stripes-hover>tbody>tr:hover, .doc table.stripes-odd>tbody>tr:nth-of-type(odd) {
    background: #fafafa;
    background: var(--table-stripe-background)
}

.doc table.tableblock>tfoot {
    background: linear-gradient(180deg, #f0f0f0 0, #fff);
    background: var(--table-footer-background)
}

.doc .halign-left {
    text-align: left
}

.doc .halign-right {
    text-align: right
}

.doc .halign-center {
    text-align: center
}

.doc .valign-top {
    vertical-align: top
}

.doc .valign-bottom {
    vertical-align: bottom
}

.doc .valign-middle {
    vertical-align: middle
}

.doc .admonitionblock {
    margin: 1.4rem 0 0
}

.doc .admonitionblock p, .doc .admonitionblock td.content {
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem)
}

.doc .admonitionblock td.content>.title+*, .doc .admonitionblock td.content>:not(.title):first-child {
    margin-top: 0
}

.doc .admonitionblock td.content pre {
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem)
}

.doc .admonitionblock>table {
    position: relative;
    table-layout: fixed;
    width: 100%
}

.doc .admonitionblock td.content {
    word-wrap: anywhere;
    background: #fafafa;
    background: var(--admonition-background);
    padding: 1rem 1rem .75rem;
    width: 100%
}

.doc .admonitionblock td.icon {
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem);
    left: 0;
    line-height: 1;
    padding: 0;
    position: absolute;
    top: 0;
    transform: translate(-.5rem, -50%)
}

.doc .admonitionblock td.icon i {
    align-items: center;
    background: linear-gradient(90deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .2)) no-repeat 0 /2.05em 100%;
    border-radius: .5em;
    display: inline-flex;
    filter: none;
    height: 1.5em;
    padding: 0 .5em;
    vertical-align: initial;
    width: -moz-fit-content;
    width: fit-content
}

.doc .admonitionblock td.icon i::before {
    background: no-repeat .05em/1em 1em;
    content: "";
    filter: invert(100%);
    height: inherit;
    width: 1.5em
}

.doc .admonitionblock td.icon i::after {
    content: attr(title);
    font-style: normal;
    font-weight: 600;
    font-weight: var(--admonition-label-font-weight);
    padding-left: .5em;
    text-transform: uppercase
}

.doc .admonitionblock td.icon i.icon-caution::before {
    background-image: url(../img/octicons-16.svg#view-flame)
}

.doc .admonitionblock td.icon i.icon-caution {
    background-color: #802392;
    background-color: var(--caution-color);
    color: #fff;
    color: var(--caution-on-color)
}

.doc .admonitionblock td.icon i.icon-important::before {
    background-image: url(../img/octicons-16.svg#view-stop)
}

.doc .admonitionblock td.icon i.icon-important {
    background-color: #e40046;
    background-color: var(--important-color);
    color: #fff;
    color: var(--important-on-color)
}

.doc .admonitionblock td.icon i.icon-note::before {
    background-image: url(../img/octicons-16.svg#view-info)
}

.doc .admonitionblock td.icon i.icon-note {
    background-color: #2d7dd2;
    background-color: var(--note-color);
    color: #fff;
    color: var(--note-on-color)
}

.doc .admonitionblock td.icon i.icon-tip::before {
    background-image: url(../img/octicons-16.svg#view-light-bulb)
}

.doc .admonitionblock td.icon i.icon-tip {
    background-color: #43b929;
    background-color: var(--tip-color);
    color: #fff;
    color: var(--tip-on-color)
}

.doc .admonitionblock td.icon i.icon-warning::before {
    background-image: url(../img/octicons-16.svg#view-alert)
}

.doc .admonitionblock td.icon i.icon-warning {
    background-color: #f70;
    background-color: var(--warning-color);
    color: #fff;
    color: var(--warning-on-color)
}

.doc .imageblock, .doc .videoblock {
    align-items: center;
    display: flex;
    flex-direction: column
}

.doc .imageblock .content {
    align-self: stretch;
    text-align: center
}

.doc .imageblock.text-left, .doc .videoblock.text-left {
    align-items: flex-start
}

.doc .imageblock.text-left .content {
    text-align: left
}

.doc .imageblock.text-right, .doc .videoblock.text-right {
    align-items: flex-end
}

.doc .imageblock.text-right .content {
    text-align: right
}

.doc .image>img, .doc .image>object, .doc .image>svg, .doc .imageblock img, .doc .imageblock object, .doc .imageblock svg {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.doc .image:not(.left):not(.right)>img {
    margin-top: -.2em
}

.doc .videoblock iframe, .doc .videoblock video {
    max-width: 100%;
    vertical-align: middle
}

#preamble .abstract blockquote {
    background: #f0f0f0;
    background: var(--abstract-background);
    border-left: 5px solid #e1e1e1;
    border-left: 5px solid var(--abstract-border-color);
    color: #4a4a4a;
    color: var(--abstract-font-color);
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem);
    padding: .75em 1em
}

.doc .quoteblock, .doc .verseblock {
    background: #fafafa;
    background: var(--quote-background);
    border-left: 5px solid #5d5d5d;
    border-left: 5px solid var(--quote-border-color);
    color: #5d5d5d;
    color: var(--quote-font-color)
}

.doc .quoteblock {
    padding: .25rem 2rem 1.25rem
}

.doc .quoteblock .attribution {
    color: #8e8e8e;
    color: var(--quote-attribution-font-color);
    font-size: .83333rem;
    font-size: calc(15/var(--rem-base)*1rem);
    margin-top: .75rem
}

.doc .quoteblock blockquote {
    margin-top: 1rem
}

.doc .quoteblock .paragraph {
    font-style: italic
}

.doc .quoteblock cite {
    padding-left: 1em
}

.doc .verseblock {
    font-size: 1.15em;
    padding: 1rem 2rem
}

.doc .verseblock pre {
    font-family: inherit;
    font-size: inherit
}

.doc ol, .doc ul {
    margin: 0;
    padding: 0 0 0 2rem
}

.doc ol.none, .doc ol.unnumbered, .doc ol.unstyled, .doc ul.checklist, .doc ul.no-bullet, .doc ul.none, .doc ul.unstyled {
    list-style-type: none
}

.doc ol.unnumbered, .doc ul.no-bullet {
    padding-left: 1.25rem
}

.doc ol.unstyled, .doc ul.unstyled {
    padding-left: 0
}

.doc ul.circle {
    list-style-type: circle
}

.doc ul.disc {
    list-style-type: disc
}

.doc ul.square {
    list-style-type: square
}

.doc ul.circle ul:not([class]), .doc ul.disc ul:not([class]), .doc ul.square ul:not([class]) {
    list-style: inherit
}

.doc ol.arabic {
    list-style-type: decimal
}

.doc ol.decimal {
    list-style-type: decimal-leading-zero
}

.doc ol.loweralpha {
    list-style-type: lower-alpha
}

.doc ol.upperalpha {
    list-style-type: upper-alpha
}

.doc ol.lowerroman {
    list-style-type: lower-roman
}

.doc ol.upperroman {
    list-style-type: upper-roman
}

.doc ol.lowergreek {
    list-style-type: lower-greek
}

.doc ul.checklist {
    padding-left: 1.75rem
}

.doc ul.checklist>li>*>i.fa-check-square-o:first-child, .doc ul.checklist>li>*>i.fa-square-o:first-child {
    margin-left: -1.25rem;
    width: 1.25rem
}

.doc ul.checklist>li>*>i.fa-check-square-o:first-child {
    background-image: url(../img/octicons-16.svg#view-tasklist)
}

.doc ul.checklist>li>*>i.fa-square-o:first-child {
    background-image: url(../img/octicons-16.svg#view-tasklist-unchecked)
}

.doc .dlist .dlist, .doc .dlist .olist, .doc .dlist .ulist, .doc .olist .dlist, .doc .olist .olist, .doc .olist .ulist, .doc .olist li+li, .doc .ulist .dlist, .doc .ulist .olist, .doc .ulist .ulist, .doc .ulist li+li {
    margin-top: .5rem
}

.doc .admonitionblock .listingblock, .doc .olist .listingblock, .doc .ulist .listingblock {
    padding: 0
}

.doc .admonitionblock .title, .doc .exampleblock .title, .doc .imageblock .title, .doc .listingblock .title, .doc .literalblock .title, .doc .openblock .title, .doc .videoblock .title, .doc table.tableblock caption {
    color: #5d5d5d;
    color: var(--caption-font-color);
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem);
    font-style: italic;
    font-style: var(--caption-font-style);
    font-weight: 600;
    font-weight: var(--caption-font-weight);
    -webkit-hyphens: none;
    hyphens: none;
    letter-spacing: .01em;
    padding-bottom: .075rem
}

.doc table.tableblock caption {
    text-align: left
}

.doc .olist .title, .doc .ulist .title {
    font-style: italic;
    font-style: var(--caption-font-style);
    font-weight: 600;
    font-weight: var(--caption-font-weight);
    margin-bottom: .25rem
}

.doc .imageblock .title, .doc .videoblock .title {
    margin-top: .5rem;
    padding-bottom: 0
}

.doc details {
    margin-left: 1rem
}

.doc details>summary {
    display: block;
    line-height: 1.6;
    line-height: var(--doc-line-height);
    margin-bottom: .5rem;
    position: relative
}

.doc details>summary::-webkit-details-marker {
    display: none
}

.doc details>summary::before {
    border: solid transparent;
    border-left: solid;
    border-width: .3em 0 .3em .5em;
    content: "";
    left: -1rem;
    position: absolute;
    top: .5em;
    top: calc((var(--doc-line-height)*0.5 - .3)*1em);
    transform: translateX(15%)
}

.doc details[open]>summary::before {
    border-color: currentColor transparent transparent;
    border-width: .5rem .3rem 0;
    transform: translateY(15%)
}

.doc details>summary::after {
    content: "";
    height: 1em;
    left: -1rem;
    position: absolute;
    top: .3em;
    top: calc((var(--doc-line-height)*0.5 - .5)*1em);
    width: 1rem
}

.doc details.result {
    margin-top: .25rem
}

.doc details.result>summary {
    color: #5d5d5d;
    color: var(--caption-font-color);
    font-style: italic;
    margin-bottom: 0
}

.doc details.result>.content {
    margin-left: -1rem
}

.doc .exampleblock>.content, .doc details.result>.content {
    background: #fff;
    background: var(--example-background);
    border: .25rem solid #5d5d5d;
    border: .25rem solid var(--example-border-color);
    border-radius: .5rem;
    padding: .75rem
}

.doc .exampleblock>.content::after, .doc details.result>.content::after {
    clear: both;
    content: "";
    display: table
}

.doc .exampleblock>.content>:first-child, .doc details>.content>:first-child {
    margin-top: 0
}

.doc .sidebarblock {
    background: #e1e1e1;
    background: var(--sidebar-background);
    border-radius: .75rem;
    padding: .75rem 1.5rem
}

.doc .sidebarblock>.content>.title {
    font-size: 1.25rem;
    font-size: calc(22.5/var(--rem-base)*1rem);
    font-weight: 600;
    font-weight: var(--alt-heading-font-weight);
    line-height: 1.3;
    margin-bottom: .5rem;
    text-align: center
}

.doc .sidebarblock>.content>.title+*, .doc .sidebarblock>.content>:not(.title):first-child {
    margin-top: 0
}

.doc .listingblock pre:not(.highlight), .doc .literalblock pre, .doc pre>code {
    background: #fafafa;
    background: var(--pre-background);
    box-shadow: inset 0 0 1.75px #e1e1e1;
    box-shadow: inset 0 0 1.75px var(--pre-border-color);
    display: block;
    overflow-x: auto;
    padding: .875em
}

.doc .listingblock.wrap pre:not(.highlight), .doc .listingblock.wrap pre>code, .doc:not(.pdf-converter) table.tableblock pre:not(.highlight), .doc:not(.pdf-converter) table.tableblock pre>code {
    white-space: pre-wrap
}

.doc.pdf-converter table.tableblock pre {
    font-size: .75rem;
    font-size: calc(13.5/var(--rem-base)*1rem);
    max-width: 375px
}

.doc .listingblock>.content {
    position: relative
}

.doc .source-toolbox {
    color: grey;
    color: var(--pre-annotation-font-color);
    display: flex;
    font-family: Poppins, sans-serif;
    font-family: var(--body-font-family);
    font-size: .72222rem;
    font-size: calc(13/var(--rem-base)*1rem);
    line-height: 1;
    position: absolute;
    right: .5rem;
    top: .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    white-space: nowrap
}

.doc .listingblock:hover .source-toolbox {
    visibility: visible
}

.doc .source-toolbox .source-lang {
    letter-spacing: .075em;
    text-transform: uppercase
}

.doc .source-toolbox>:not(:last-child)::after {
    content: "|";
    letter-spacing: 0;
    padding: 0 1ch
}

.doc .source-toolbox .copy-button {
    align-items: center;
    background: none;
    border: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    font-size: inherit;
    height: 1em;
    line-height: inherit;
    outline: none;
    padding: 0;
    width: 1em
}

.doc .source-toolbox .copy-icon {
    flex: none;
    height: inherit;
    width: inherit
}

.doc .source-toolbox img.copy-icon {
    filter: invert(50.2%);
    filter: var(--pre-annotation-icon-filter)
}

.doc .source-toolbox svg.copy-icon {
    fill: currentColor
}

.doc .source-toolbox .copy-toast {
    background-color: #24262b;
    background-color: var(--doc-font-color);
    border-radius: .25em;
    color: #fff;
    color: var(--color-white);
    cursor: auto;
    display: inline-flex;
    flex: none;
    justify-content: center;
    margin-top: 1em;
    opacity: 0;
    padding: .5em;
    position: relative;
    transition: opacity .5s ease .5s
}

.doc .source-toolbox .copy-toast::after {
    border: .55em solid transparent;
    border-left: .55em solid var(--doc-font-color);
    content: "";
    height: 1em;
    position: absolute;
    top: 0;
    transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform-origin: left;
    width: 1em
}

.doc .source-toolbox .copy-button.clicked .copy-toast {
    opacity: 1;
    transition: none
}

.doc .language-console .hljs-meta {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.doc .dlist dt {
    font-style: italic
}

.doc .dlist dd {
    margin: 0 0 0 1.5rem
}

.doc .dlist dd+dt, .doc .dlist dd>p:first-child {
    margin-top: .5rem
}

.doc td.hdlist1, .doc td.hdlist2 {
    padding: .5rem 0 0;
    vertical-align: top
}

.doc tr:first-child>.hdlist1, .doc tr:first-child>.hdlist2 {
    padding-top: 0
}

.doc td.hdlist1 {
    font-weight: 600;
    font-weight: var(--body-font-weight-bold);
    padding-right: .25rem
}

.doc td.hdlist2 {
    padding-left: .25rem
}

.doc .colist {
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem);
    margin: .25rem 0 -.25rem
}

.doc .colist>table>tbody>tr>:first-child, .doc .colist>table>tr>:first-child {
    padding: .25em .5rem 0;
    vertical-align: top
}

.doc .colist>table>tbody>tr>:last-child, .doc .colist>table>tr>:last-child {
    padding: .25rem 0
}

.doc .conum[data-value] {
    border: 1px solid;
    border-radius: 100%;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-family: var(--body-font-family);
    font-size: .75rem;
    font-size: calc(13.5/var(--rem-base)*1rem);
    font-style: normal;
    height: 1.25em;
    letter-spacing: -.25ex;
    line-height: 1.2;
    text-align: center;
    text-indent: -.25ex;
    width: 1.25em
}

.doc .conum[data-value]::after {
    content: attr(data-value)
}

.doc .conum[data-value]+b {
    display: none
}

.doc hr {
    border: solid #e1e1e1;
    border: solid var(--section-divider-color);
    border-width: 1px 0 0;  /*DJO change 2px to 1px */
    height: 0
}

.doc b.button {
    white-space: nowrap
}

.doc b.button::before {
    content: "[";
    padding-right: .25em
}

.doc b.button::after {
    content: "]";
    padding-left: .25em
}

.doc kbd {
    background: #fafafa;
    background: var(--kbd-background);
    border: 1px solid #c1c1c1;
    border: 1px solid var(--kbd-border-color);
    border-radius: .25em;
    box-shadow: 0 1px 0 #c1c1c1, inset 0 0 0 .1em #fff;
    box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 .1em var(--body-background) inset;
    display: inline-block;
    font-size: .66667rem;
    font-size: calc(12/var(--rem-base)*1rem);
    padding: .25em .5em;
    vertical-align: text-bottom;
    white-space: nowrap
}

.doc .keyseq, .doc kbd {
    line-height: 1
}

.doc .keyseq {
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem)
}

.doc .keyseq kbd {
    margin: 0 .125em
}

.doc .keyseq kbd:first-child {
    margin-left: 0
}

.doc .keyseq kbd:last-child {
    margin-right: 0
}

.doc .menuseq, .doc .path {
    -webkit-hyphens: none;
    hyphens: none
}

.doc .menuseq i.caret {
    background-image: url(../img/octicons-16.svg#view-chevron-right);
    margin: 0 -.25em
}

.doc :not(pre).nowrap {
    white-space: nowrap
}

.doc .nobreak {
    word-wrap: normal;
    -webkit-hyphens: none;
    hyphens: none
}

.doc :not(pre).pre-wrap {
    white-space: pre-wrap
}

#footnotes {
    font-size: .85em;
    line-height: 1.5;
    margin: 2rem -.5rem 0
}

.doc td.tableblock>.content #footnotes {
    margin: 2rem 0 0
}

#footnotes hr {
    border-top-width: 1px;
    margin-top: 0;
    width: 20%
}

#footnotes .footnote {
    margin: .5em 0 0 1em
}

#footnotes .footnote+.footnote {
    margin-top: .25em
}

#footnotes .footnote>a:first-of-type {
    display: inline-block;
    margin-left: -2em;
    text-align: right;
    width: 1.5em
}

nav.pagination {
    border-top: 1px solid #e1e1e1;
    border-top: 1px solid var(--toolbar-border-color);
    display: flex;
    line-height: 1;
    margin: 2rem -1rem -1rem;
    padding: .75rem 1rem 0
}

nav.pagination span {
    display: flex;
    flex: 50%;
    flex-direction: column
}

nav.pagination .prev {
    padding-right: .5rem
}

nav.pagination .next {
    margin-left: auto;
    padding-left: .5rem;
    text-align: right
}

nav.pagination span::before {
    color: #8e8e8e;
    color: var(--toolbar-muted-color);
    font-size: .75em;
    padding-bottom: .1em
}

nav.pagination .prev::before {
    content: "Prev"
}

nav.pagination .next::before {
    content: "Next"
}

nav.pagination a {
    font-weight: 600;
    font-weight: var(--body-font-weight-bold);
    line-height: 1.3;
    position: relative
}

nav.pagination a::after, nav.pagination a::before {
    color: #8e8e8e;
    color: var(--toolbar-muted-color);
    font-size: 1.5em;
    font-weight: 400;
    line-height: .75;
    position: absolute;
    top: 0;
    width: 1rem
}

nav.pagination .prev a::before {
    content: "\2039";
    transform: translateX(-100%)
}

nav.pagination .next a::after {
    content: "\203a"
}

@media screen and (max-width:1023.5px) {
    html.is-clipped--navbar {
        overflow-y: hidden
    }

    @supports (scrollbar-width:none) {
        html.is-clipped--navbar {
            overflow-y: initial;
            scrollbar-width: none
        }
    }
}

body {
    padding-top: 3.5rem;
    padding-top: var(--navbar-height)
}

.navbar {
    background: #191919;
    background: var(--navbar-background);
    color: #fff;
    color: var(--navbar-font-color);
    font-size: .88889rem;
    font-size: calc(16/var(--rem-base)*1rem);
    height: 3.5rem;
    height: var(--navbar-height);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 6;
    z-index: var(--z-index-navbar)
}

.navbar a {
    text-decoration: none
}

.navbar-brand {
    display: flex
}

.navbar-brand .navbar-item.logo {
    align-self: center;
    height: 2.1rem;
    height: calc(var(--navbar-height)*.6);
    margin-left: 1rem;
    padding: 0;
    width: 2.1rem;
    width: calc(var(--navbar-height)*.6)
}

.navbar-brand .navbar-item.logo img {
    width: inherit
}

.navbar-brand .navbar-item.title {
    align-self: center;
    color: #fff;
    color: var(--navbar-font-color);
    font-family: Comfortaa, sans-serif;
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1;
    margin: 0 1rem;
    padding: 0;
    position: relative;
    top: .06em
}

#search {
    color: #191919;
    color: var(--body-font-color);
    display: flex;
    position: relative;
    width: 100%
}

#search .query {
    border: 1px solid #e1e1e1;
    border: 1px solid var(--navbar-button-border-color);
    color: inherit;
    flex: auto;
    font-family: inherit;
    font-size: inherit;
    height: -webkit-fit-content;
    line-height: 1.5;
    padding: .25rem;
    width: 7ex
}

#search :focus {
    outline: none
}

#search.has-filter .query {
    border-radius: .1em 0 0 .1em;
    border-right: none
}

#search .filter {
    align-items: center;
    background: #fff linear-gradient(180deg, #e1e1e1 0, #e1e1e1) no-repeat 0 /1px 50%;
    background: var(--color-white) linear-gradient(to bottom, var(--navbar-button-border-color) 0, var(--navbar-button-border-color) 100%) no-repeat left center /1px 50%;
    border: 1px solid #e1e1e1;
    border: 1px solid var(--navbar-button-border-color);
    border-left: none;
    border-radius: 0 .1em .1em 0;
    color: #5d5d5d;
    color: var(--toolbar-font-color);
    cursor: pointer;
    display: flex;
    font-size: .875em;
    overflow: hidden;
    padding: 0 .5rem;
    white-space: nowrap
}

#search .filter input {
    cursor: inherit;
    margin: 0 .25rem 0 0
}

.navbar-burger {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    margin-left: auto;
    min-width: 0;
    outline: none;
    padding: 0;
    position: relative;
    width: 3rem
}

.navbar-burger span {
    background-color: #fff;
    background-color: var(--navbar-font-color);
    height: 2px;
    width: 1rem
}

.navbar-burger:not(.is-active) span {
    transition: transform .25s ease-out, opacity 0s .25s, margin-top .25s ease-out .25s
}

.navbar-burger span+span {
    margin-top: .25rem
}

.navbar-burger.is-active span+span {
    margin-top: -2px
}

.navbar-burger.is-active span:first-child {
    transform: rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: rotate(-45deg)
}

.navbar-item, .navbar-link {
    color: #191919;
    color: var(--navbar-menu-font-color);
    display: block;
    line-height: 1.6;
    line-height: var(--doc-line-height);
    padding: .5rem 1rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item .icon {
    display: block;
    height: 1.25rem;
    width: 1.25rem
}

.navbar-item .icon img, .navbar-item .icon svg {
    height: inherit;
    width: inherit
}

.navbar-item .icon img {
    filter: invert(10%);
    filter: var(--navbar-menu-icon-filter)
}

.navbar-item .icon svg {
    fill: currentColor
}

.navbar-link {
    padding-right: 2.5em
}

div.navbar-item, div.navbar-link {
    cursor: default
}

.navbar-dropdown .navbar-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-dropdown .navbar-item small {
    color: #8e8e8e;
    color: var(--toolbar-muted-color);
    font-size: .66667rem;
    font-size: calc(12/var(--rem-base)*1rem)
}

.navbar-dropdown .navbar-item.has-icon {
    justify-content: flex-start
}

.navbar-dropdown .navbar-item.has-icon .icon {
    margin-right: 1.25ex
}

.navbar-divider {
    background-color: #e1e1e1;
    background-color: var(--navbar-menu-border-color);
    border: none;
    height: 1px;
    margin: .25rem 0
}

.navbar-dropdown div.navbar-item {
    color: #5d5d5d;
    color: var(--navbar-heading-font-color);
    font-weight: 600;
    font-weight: var(--navbar-heading-font-weight);
    letter-spacing: -.01em
}

@media screen and (max-width:1023.5px) {
    .navbar-brand {
        height: inherit
    }

    .navbar-brand .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-menu {
        background: #fff;
        background: var(--navbar-menu-background);
        box-shadow: 0 8px 16px hsla(0, 0%, 4%, .1);
        max-height: calc(100vh - 3.5rem);
        max-height: var(--body-min-height);
        overflow-y: auto;
        overscroll-behavior: none;
        padding: .5rem 0
    }

    .navbar-menu:not(.is-active) {
        display: none
    }

    .navbar-menu .navbar-link:hover, .navbar-menu a.navbar-item:hover {
        background: #f5f5f5;
        background: var(--navbar-menu_hover-background)
    }

    .navbar-end .navbar-item.search {
        display: flex;
        height: 3rem
    }

    #search .query {
        height: 100%
    }

    .navbar-dropdown .navbar-divider {
        margin-left: 1.5rem
    }

    .navbar-item[data-title]::before {
        content: attr(data-title)
    }

    .navbar-item[data-title] .icon {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .navbar-burger {
        display: none
    }

    .navbar, .navbar-end, .navbar-menu {
        display: flex
    }

    .navbar-menu {
        flex: auto
    }

    .navbar-end {
        flex: auto;
        justify-content: flex-end
    }

    .navbar-item, .navbar-link {
        display: flex;
        flex: none;
        position: relative
    }

    .navbar-item:not(.has-dropdown), .navbar-link {
        align-items: center
    }

    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-link::after {
        border-style: solid;
        border-width: 0 0 1px 1px;
        content: "";
        display: block;
        height: .5em;
        margin-top: -.375em;
        pointer-events: none;
        position: absolute;
        right: 1.125em;
        top: 50%;
        transform: rotate(-45deg);
        width: .5em
    }

    .navbar-end .navbar-link, .navbar-end>.navbar-item {
        color: #fff;
        color: var(--navbar-font-color)
    }

    .navbar-end .navbar-item.has-dropdown:hover .navbar-link, .navbar-end .navbar-item.has-dropdown:hover>a.navbar-item, .navbar-end .navbar-link:hover, .navbar-end>a.navbar-item:hover {
        background: #000;
        background: var(--navbar_hover-background);
        color: #fff;
        color: var(--navbar-font-color)
    }

    .navbar-end .navbar-link::after {
        border-color: currentColor
    }

    .navbar-end .navbar-item.search {
        flex: 0 1 20rem;
        padding-left: 0
    }

    .navbar-item .icon img {
        filter: invert(100%)
    }

    .navbar-dropdown {
        background: #fff;
        background: var(--navbar-menu-background);
        border: 1px solid #e1e1e1;
        border-top: 2px solid #e40046;
        border: 1px solid var(--navbar-menu-border-color);
        border-radius: 0 0 .25rem .25rem;
        border-radius: var(--navbar-menu-border-radius);
        border-top: 2px solid var(--color-brand-primary);
        box-shadow: 0 2px 4px hsla(0, 0%, 63%, .15);
        box-shadow: var(--navbar-menu-box-shadow);
        display: none;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%
    }

    .navbar-dropdown .navbar-item {
        padding: .5rem 2rem .5rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown .navbar-item small {
        position: relative;
        right: -1rem
    }

    .navbar-dropdown .navbar-item:last-child {
        border-radius: inherit
    }

    .navbar-dropdown .navbar-item .icon img {
        filter: none
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-dropdown a.navbar-item:hover {
        background: #f5f5f5;
        background: var(--navbar-menu_hover-background)
    }
}

footer.footer {
    background-color: #191919;
    background-color: var(--footer-background);
    color: #bababa;
    color: var(--footer-font-color);
    display: flex;
    flex-direction: column;
    font-size: .77778rem;
    font-size: calc(14/var(--rem-base)*1rem);
    line-height: 1.6;
    line-height: var(--footer-line-height);
    padding: 2rem 1rem
}

.footer p {
    margin: 0
}

.footer a {
    color: inherit;
    text-decoration: none
}

.footer a:hover {
    color: #fff;
    color: var(--footer-link-font-color)
}

.footer img {
    vertical-align: middle
}

.footer p+p {
    margin-top: 1em
}

.footer-main {
    flex-direction: column
}

.footer-brand, .footer-main {
    align-items: center;
    display: flex
}

.footer-brand {
    margin: 0
}

.footer-brand .logo {
    display: flex
}

.footer-brand a, .footer-brand figcaption {
    color: #fff;
    color: var(--footer-link-font-color)
}

.footer-brand figcaption {
    font-family: Comfortaa, sans-serif;
    font-size: 2rem;
    font-size: calc(36/var(--rem-base)*1rem);
    letter-spacing: -.02em;
    line-height: 1;
    position: relative;
    top: .06em
}

.footer-brand .logo+figcaption {
    margin-left: 1rem
}

.footer-brand img {
    height: 2.5rem;
    height: calc(45/var(--rem-base)*1rem)
}

.footer-brand-links {
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    justify-content: center;
    list-style: none;
    margin: 2rem 0 0;
    padding: 0
}

.footer-brand-links li+li::before {
    content: "|";
    padding: 0 .5em
}

.footer-brand-follow {
    font-size: 1.33333rem;
    font-size: calc(24/var(--rem-base)*1rem);
    font-weight: 600;
    font-weight: var(--body-font-weight-bold);
    line-height: 1
}

.footer p.footer-brand-follow {
    margin-top: 1.25rem
}

.footer-brand-follow .logo {
    width: 1.55556rem;
    width: calc(28/var(--rem-base)*1rem)
}

.footer-brand-follow .handle {
    padding: 0 0 .1em .5ch
}

.footer-legal {
    margin-top: 1.5rem
}

.footer-legal, .footer-thanks {
    text-align: center
}

.footer-thanks .badges {
    align-items: center;
    display: inline-flex;
    line-height: 1
}

.footer-thanks .badges a+a {
    margin-left: 5px
}

@media screen and (min-width:1024px) {
    footer.footer {
        flex-direction: row;
        position: relative;
        z-index: 5;
        z-index: var(--z-index-footer)
    }

    .footer-legal {
        margin-top: 0;
        padding: 0 1.5rem;
        text-align: left;
        width: 40%
    }

    .footer-main, .footer-thanks {
        width: 30%
    }

    .footer-thanks {
        text-align: right
    }

    .footer-thanks .badges {
        display: flex;
        justify-content: flex-end
    }
}

/*! Adapted from the GitHub style by Vasily Polovnyov <vast@whiteants.net> */
.hljs-comment, .hljs-quote {
    color: #998;
    font-style: italic
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: #333;
    font-weight: 600;
    font-weight: var(--monospace-font-weight-bold)
}

.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
    color: teal
}

.hljs-doctag, .hljs-string {
    color: #d14
}

.hljs-section, .hljs-selector-id, .hljs-title {
    color: #900;
    font-weight: 600;
    font-weight: var(--monospace-font-weight-bold)
}

.hljs-subst {
    font-weight: 400
}

.hljs-class .hljs-title, .hljs-type {
    color: #458;
    font-weight: 600;
    font-weight: var(--monospace-font-weight-bold)
}

.hljs-attribute, .hljs-name, .hljs-tag {
    color: navy;
    font-weight: 400
}

.hljs-link, .hljs-regexp {
    color: #009926
}

.hljs-bullet, .hljs-symbol {
    color: #990073
}

.hljs-built_in, .hljs-builtin-name {
    color: #0086b3
}

.hljs-meta {
    color: grey;
    font-weight: 600;
    font-weight: var(--monospace-font-weight-bold)
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 600;
    font-weight: var(--monospace-font-weight-bold)
}

@page {
    margin: .5in
}

@media print {
    .hide-for-print {
        display: none !important
    }

    html {
        font-size: .9375em;
        font-size: var(--body-font-size--print)
    }

    a {
        color: inherit !important;
        text-decoration: underline
    }

    a.bare, a[href^="#"], a[href^="mailto:"] {
        text-decoration: none
    }

    img, object, svg, tr {
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    pre {
        -webkit-hyphens: none;
        hyphens: none;
        white-space: pre-wrap
    }

    body {
        padding-top: 2rem
    }

    .navbar {
        background: none;
        color: inherit;
        position: absolute
    }

    .navbar * {
        color: inherit !important
    }

    .footer>:not(.footer-legal), .nav-container, .navbar>:not(.navbar-brand), .toolbar, aside.toc, nav.pagination {
        display: none
    }

    /* DJO added 
    .nav-container, .nav {
        font-size: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;    
    }
    End */

    .nav-container, .nav {
        font-size: 10px;
        white-space: normal;
        word-wrap: break-word; /* DJO Optional: Break long words */
        overflow-wrap: break-word; /* Ensures consistent word wrapping */ 
    }

    /* DJO - END */

    .doc {
        color: inherit;
        margin: auto;
        max-width: none;
        padding-bottom: 2rem
    }

    .doc .admonitionblock td.icon {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    .doc .listingblock code[data-lang]::before {
        display: block
    }

    footer.footer {
        background: none;
        border-top: 1px solid #e1e1e1;
        border-top: 1px solid var(--panel-border-color);
        color: #8e8e8e;
        color: var(--quote-attribution-font-color);
        padding: .75rem .5rem 0
    }

    .footer-legal {
        margin-top: 0;
        text-align: left
    }

    .footer * {
        color: inherit
    }
}

/* Set font-family globally or for specific elements */
body {
    font-family: "Poppins", sans-serif;
}

/* Set font size and prevent text from wrapping - changed to normal DJO and below*/
.nav-container, .nav, .nav-item, .nav-menu .title {
/*    font-size: 10px; */
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ensure navigation link titles also adhere to this style */
.nav-item .nav-link {
/*    font-size: 10px; */
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Add this at the end of site.css */

/* Make the home icon bold in the navbar */
.navbar .home-link {
    font-weight: var(--body-font-weight-bold);
}

.font-color-postman {
    color: var(--body-postman-color);
}

.font-color-purple-patch {
    color: var(--navbar-font-color);
}