html, body { overflow-x: hidden; width: 100%; }

@media screen and (min-width: 768px) { body { min-height: 100vh; }
  .icon-md-100 { width: 100% !important; height: auto !important; } }

@media screen and (max-width: 991.98px) { body { -webkit-overflow-scrolling: touch; } }

@media screen and (min-width: 992px) { .h-lg-100 { height: 100%; } }

@media screen and (min-width: 1600px) { .h-xl-100 { height: 100%; } }

.max-vw-25 { max-width: 25vw !important; }

.min-vw-25 { min-width: 25vw !important; }

.max-vh-25 { max-height: 25vh !important; }

.min-vh-25 { min-height: 25vh !important; }

.max-vw-50 { max-width: 50vw !important; }

.min-vw-50 { min-width: 50vw !important; }

.max-vh-50 { max-height: 50vh !important; }

.min-vh-50 { min-height: 50vh !important; }

.max-vw-75 { max-width: 75vw !important; }

.min-vw-75 { min-width: 75vw !important; }

.max-vh-75 { max-height: 75vh !important; }

.min-vh-75 { min-height: 75vh !important; }

.max-vw-100 { max-width: 100vw !important; }

.min-vw-100 { min-width: 100vw !important; }

.max-vh-100 { max-height: 100vh !important; }

.min-vh-100 { min-height: 100vh !important; }

.max-vw-auto { max-width: autovw !important; }

.min-vw-auto { min-width: autovw !important; }

.max-vh-auto { max-height: autovh !important; }

.min-vh-auto { min-height: autovh !important; }

.text-blue { color: #48bdfe !important; }

a.text-blue:hover, a.text-blue:focus { color: #01a0f8 !important; }

.bg-blue { background-color: #48bdfe; }

.bg-gradient-blue { background: #48bdfe linear-gradient(180deg, #48bdfe, #15abfe) repeat-x !important; }

.text-blue { color: #48bdfe; }

.icon-blue { --fa-primary-color: #48bdfe; --fa-secondary-color: #ade2ff; }

.text-indigo { color: #bf4bff !important; }

a.text-indigo:hover, a.text-indigo:focus { color: #a300fe !important; }

.bg-indigo { background-color: #bf4bff; }

.bg-gradient-indigo { background: #bf4bff linear-gradient(180deg, #bf4bff, #ad18ff) repeat-x !important; }

.text-indigo { color: #bf4bff; }

.icon-indigo { --fa-primary-color: #bf4bff; --fa-secondary-color: #e3b1ff; }

.text-purple { color: #bf4bff !important; }

a.text-purple:hover, a.text-purple:focus { color: #a300fe !important; }

.bg-purple { background-color: #bf4bff; }

.bg-gradient-purple { background: #bf4bff linear-gradient(180deg, #bf4bff, #ad18ff) repeat-x !important; }

.text-purple { color: #bf4bff; }

.icon-purple { --fa-primary-color: #bf4bff; --fa-secondary-color: #e3b1ff; }

.text-pink { color: #ff5885 !important; }

a.text-pink:hover, a.text-pink:focus { color: #ff0c4d !important; }

.bg-pink { background-color: #ff5885; }

.bg-gradient-pink { background: #ff5885 linear-gradient(180deg, #ff5885, #ff2560) repeat-x !important; }

.text-pink { color: #ff5885; }

.icon-pink { --fa-primary-color: #ff5885; --fa-secondary-color: #ffbed0; }

.text-red { color: #ff5885 !important; }

a.text-red:hover, a.text-red:focus { color: #ff0c4d !important; }

.bg-red { background-color: #ff5885; }

.bg-gradient-red { background: #ff5885 linear-gradient(180deg, #ff5885, #ff2560) repeat-x !important; }

.text-red { color: #ff5885; }

.icon-red { --fa-primary-color: #ff5885; --fa-secondary-color: #ffbed0; }

.text-orange { color: #e98f00 !important; }

a.text-orange:hover, a.text-orange:focus { color: #9d6000 !important; }

.bg-orange { background-color: #e98f00; }

.bg-gradient-orange { background: #e98f00 linear-gradient(180deg, #e98f00, #b67000) repeat-x !important; }

.text-orange { color: #e98f00; }

.icon-orange { --fa-primary-color: #e98f00; --fa-secondary-color: #ffbb50; }

.text-yellow { color: #e98f00 !important; }

a.text-yellow:hover, a.text-yellow:focus { color: #9d6000 !important; }

.bg-yellow { background-color: #e98f00; }

.bg-gradient-yellow { background: #e98f00 linear-gradient(180deg, #e98f00, #b67000) repeat-x !important; }

.text-yellow { color: #e98f00; }

.icon-yellow { --fa-primary-color: #e98f00; --fa-secondary-color: #ffbb50; }

.text-green { color: #06c0af !important; }

a.text-green:hover, a.text-green:focus { color: #04766b !important; }

.bg-green { background-color: #06c0af; }

.bg-gradient-green { background: #06c0af linear-gradient(180deg, #06c0af, #048f82) repeat-x !important; }

.text-green { color: #06c0af; }

.icon-green { --fa-primary-color: #06c0af; --fa-secondary-color: #33f9e7; }

.text-teal { color: #06c0af !important; }

a.text-teal:hover, a.text-teal:focus { color: #04766b !important; }

.bg-teal { background-color: #06c0af; }

.bg-gradient-teal { background: #06c0af linear-gradient(180deg, #06c0af, #048f82) repeat-x !important; }

.text-teal { color: #06c0af; }

.icon-teal { --fa-primary-color: #06c0af; --fa-secondary-color: #33f9e7; }

.text-cyan { color: #06c0af !important; }

a.text-cyan:hover, a.text-cyan:focus { color: #04766b !important; }

.bg-cyan { background-color: #06c0af; }

.bg-gradient-cyan { background: #06c0af linear-gradient(180deg, #06c0af, #048f82) repeat-x !important; }

.text-cyan { color: #06c0af; }

.icon-cyan { --fa-primary-color: #06c0af; --fa-secondary-color: #33f9e7; }

.text-white { color: #fff !important; }

a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; }

.bg-white { background-color: #fff; }

.bg-gradient-white { background: #fff linear-gradient(180deg, #fff, #e6e6e6) repeat-x !important; }

.text-white { color: #fff; }

.icon-white { --fa-primary-color: #fff; --fa-secondary-color: white; }

.text-gray { color: #6c757d !important; }

a.text-gray:hover, a.text-gray:focus { color: #494f54 !important; }

.bg-gray { background-color: #6c757d; }

.bg-gradient-gray { background: #6c757d linear-gradient(180deg, #6c757d, #545b62) repeat-x !important; }

.text-gray { color: #6c757d; }

.icon-gray { --fa-primary-color: #6c757d; --fa-secondary-color: #a1a8ae; }

.text-gray-dark { color: #343a40 !important; }

a.text-gray-dark:hover, a.text-gray-dark:focus { color: #121416 !important; }

.bg-gray-dark { background-color: #343a40; }

.bg-gradient-gray-dark { background: #343a40 linear-gradient(180deg, #343a40, #1d2124) repeat-x !important; }

.text-gray-dark { color: #343a40; }

.icon-gray-dark { --fa-primary-color: #343a40; --fa-secondary-color: #626d78; }

.icon-theme { --fa-primary-color: #0190df; --fa-secondary-color: #9300e4; }

.icon-100 { width: 100% !important; height: auto !important; }

.font-size-lg { font-size: 1.25rem; }

.font-size-sm { font-size: 0.875rem; }

.font-size-base { font-size: 1rem; }

h1, h2, h3, .display-1, .display-2, .display-3, .display-4, .h-section { font-family: "Roboto Slab", serif; }

h1:not(:first-child), h2:not(:first-child), h3:not(:first-child), .display-1:not(:first-child), .display-2:not(:first-child), .display-3:not(:first-child), .display-4:not(:first-child), .h-section:not(:first-child) { margin-top: 1.5rem; }

h1 { color: #0190df; padding-bottom: 0.15rem; margin-bottom: 0.5rem; border-bottom: 4px solid #dee2e6; }

h2, h3 { color: #48bdfe; }

.video-container { display: flex; justify-content: center; align-items: center; }

.h-section { background-color: #495057; color: #fff; padding: 0.5rem; margin-bottom: 1.5rem; }

.bg-nav { background: #e9ecef linear-gradient(180deg, #e9ecef, #fff) repeat-x !important; }

#logo { height: 2.5rem; }

code { padding: .25rem .5rem; margin: 0; }

pre code { padding: 0; }

code, code[class*="language-"], pre[class*="language-"] { background-color: #e9ecef; text-shadow: none; font-family: "Roboto Mono", monospace; font-size: 0.875rem; }

img { max-width: 100%; height: auto; }

.bg-body { background-color: #f8f9fa; }

#nav-installation a { font-size: 1.25rem; }

#nav-installation a, #nav-installation a:focus, #nav-installation a:active { color: #48bdfe; }

#nav-installation a:hover { color: #0190df; }

#nav-ncp a { font-size: 1.25rem; }

#nav-ncp a, #nav-ncp a:focus, #nav-ncp a:active { color: #bf4bff; }

#nav-ncp a:hover { color: #9300e4; }

#nav-dcp a { font-size: 1.25rem; }

#nav-dcp a, #nav-dcp a:focus, #nav-dcp a:active { color: #06c0af; }

#nav-dcp a:hover { color: #035d55; }

#nav-learning a { font-size: 1.25rem; }

#nav-learning a, #nav-learning a:focus, #nav-learning a:active { color: #e98f00; }

#nav-learning a:hover { color: #835000; }

#nav-research a { font-size: 1.25rem; }

#nav-research a, #nav-research a:focus, #nav-research a:active { color: #48bdfe; }

#nav-research a:hover { color: #0190df; }

#nav-support a { font-size: 1.25rem; }

#nav-support a, #nav-support a:focus, #nav-support a:active { color: #ff5885; }

#nav-support a:hover { color: #f10041; }

#hero { background: #48bdfe linear-gradient(180deg, #48bdfe, #06c0af) repeat-x !important; }

#header-layer-0 { width: 100%; position: absolute; z-index: -3; }

#header-layer-1 { width: 100%; height: 100%; position: absolute; z-index: -2; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 70%); }

#header-layer-2 { width: 100%; height: 100%; position: absolute; z-index: -1; opacity: .5; background: url(/images/watermark.svg) no-repeat center; background-size: cover; }

/*#collapse-topnav { background: linear-gradient(to bottom, rgba(102, 136, 136, 0.3) 30%, rgba(136, 136, 136, 0) 70%); }*/
.product-wordmark { width: 3em; }

.product-icon { font-size: 1.5rem; margin-left: -0.75rem; }

#content ul:not([class]) li, #content ul[class=""] li { padding-top: 0.25rem; padding-bottom: 0.25rem; }

#content.p-4 > pre[class*="language-"] { margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; }

#footer { background-color: #212529; }

.bg-undefined { background-color: #545b62; }

.text-undefined { color: #6c757d; }

.icon-undefined { --fa-primary-color: #6c757d; --fa-secondary-color: #a1a8ae; }

.section-undefined #titlebar { background: #3d4246 linear-gradient(180deg, #3d4246, #545b62) repeat-x !important; }

.section-undefined #titlebar .breadcrumbs { display: none; visibility: hidden; }

.section-undefined #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-undefined #undertitle { background-color: #545b62; }

@media (min-width: 768px) { .section-undefined #undertitle > div { min-height: 1.5rem; }
  .section-undefined #undertitle > div > .row { min-height: 1.5rem; } }

.section-undefined .bg-section { background-color: #545b62; }

.section-undefined .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-undefined .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-undefined .sidebar:hover { opacity: 1; } }

.section-undefined .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-undefined .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-undefined .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-undefined .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-undefined .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-undefined .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-undefined .sidebar-nav-item.active { font-weight: 700; color: #6c757d; background-color: #bcc1c6; }

.section-undefined .sidebar-nav-item.active a, .section-undefined .sidebar-nav-item.active a:focus, .section-undefined .sidebar-nav-item.active a:active { color: #6c757d; }

.section-undefined .sidebar-nav-item.active a:hover { color: #25282b; }

.section-undefined .sidebar-nav-item a, .section-undefined .sidebar-nav-item a:focus, .section-undefined .sidebar-nav-item a:active { color: #6c757d; }

.section-undefined .sidebar-nav-item a:hover { color: #25282b; }

.bg-research { background-color: #15abfe; }

.text-research { color: #48bdfe; }

.icon-research { --fa-primary-color: #48bdfe; --fa-secondary-color: #ade2ff; }

.section-research #titlebar { background: #0190df linear-gradient(180deg, #0190df, #15abfe) repeat-x !important; }

.section-research #titlebar .breadcrumbs { color: #0ba7fe; font-size: 1rem; display: block; visibility: visible; }

.section-research #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-research #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-research #titlebar .breadcrumbs a, .section-research #titlebar .breadcrumbs a:focus, .section-research #titlebar .breadcrumbs a:active { color: #2fb4fe; }

.section-research #titlebar .breadcrumbs a:hover { color: #48bdfe; }

.section-research #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-research #undertitle { background-color: #15abfe; }

@media (min-width: 768px) { .section-research #undertitle > div { min-height: 1.5rem; }
  .section-research #undertitle > div > .row { min-height: 1.5rem; } }

.section-research .bg-section { background-color: #15abfe; }

.section-research .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-research .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-research .sidebar:hover { opacity: 1; } }

.section-research .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-research .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-research .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-research .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-research .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-research .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-research .sidebar-nav-item.active { font-weight: 700; color: #48bdfe; background-color: #e0f4ff; }

.section-research .sidebar-nav-item.active a, .section-research .sidebar-nav-item.active a:focus, .section-research .sidebar-nav-item.active a:active { color: #48bdfe; }

.section-research .sidebar-nav-item.active a:hover { color: #016fac; }

.section-research .sidebar-nav-item a, .section-research .sidebar-nav-item a:focus, .section-research .sidebar-nav-item a:active { color: #6c757d; }

.section-research .sidebar-nav-item a:hover { color: #016fac; }

.bg-licencing { background-color: #b67000; }

.text-licencing { color: #e98f00; }

.icon-licencing { --fa-primary-color: #e98f00; --fa-secondary-color: #ffbb50; }

.section-licencing #titlebar { background: #835000 linear-gradient(180deg, #835000, #b67000) repeat-x !important; }

.section-licencing #titlebar .breadcrumbs { color: #ac6900; font-size: 1rem; display: block; visibility: visible; }

.section-licencing #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-licencing #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-licencing #titlebar .breadcrumbs a, .section-licencing #titlebar .breadcrumbs a:focus, .section-licencing #titlebar .breadcrumbs a:active { color: #d07f00; }

.section-licencing #titlebar .breadcrumbs a:hover { color: #e98f00; }

.section-licencing #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-licencing #undertitle { background-color: #b67000; }

@media (min-width: 768px) { .section-licencing #undertitle > div { min-height: 1.5rem; }
  .section-licencing #undertitle > div > .row { min-height: 1.5rem; } }

.section-licencing .bg-section { background-color: #b67000; }

.section-licencing .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-licencing .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-licencing .sidebar:hover { opacity: 1; } }

.section-licencing .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-licencing .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-licencing .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-licencing .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-licencing .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-licencing .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-licencing .sidebar-nav-item.active { font-weight: 700; color: #e98f00; background-color: #ffcf83; }

.section-licencing .sidebar-nav-item.active a, .section-licencing .sidebar-nav-item.active a:focus, .section-licencing .sidebar-nav-item.active a:active { color: #e98f00; }

.section-licencing .sidebar-nav-item.active a:hover { color: #503100; }

.section-licencing .sidebar-nav-item a, .section-licencing .sidebar-nav-item a:focus, .section-licencing .sidebar-nav-item a:active { color: #6c757d; }

.section-licencing .sidebar-nav-item a:hover { color: #503100; }

.bg-blog { background-color: #545b62; }

.text-blog { color: #6c757d; }

.icon-blog { --fa-primary-color: #6c757d; --fa-secondary-color: #a1a8ae; }

.section-blog #titlebar { background: #3d4246 linear-gradient(180deg, #3d4246, #545b62) repeat-x !important; }

.section-blog #titlebar .breadcrumbs { color: #50565c; font-size: 1rem; display: block; visibility: visible; }

.section-blog #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-blog #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-blog #titlebar .breadcrumbs a, .section-blog #titlebar .breadcrumbs a:focus, .section-blog #titlebar .breadcrumbs a:active { color: #60686f; }

.section-blog #titlebar .breadcrumbs a:hover { color: #6c757d; }

.section-blog #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-blog #undertitle { background-color: #545b62; }

@media (min-width: 768px) { .section-blog #undertitle > div { min-height: 1.5rem; }
  .section-blog #undertitle > div > .row { min-height: 1.5rem; } }

.section-blog .bg-section { background-color: #545b62; }

.section-blog .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-blog .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-blog .sidebar:hover { opacity: 1; } }

.section-blog .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-blog .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-blog .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-blog .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-blog .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-blog .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-blog .sidebar-nav-item.active { font-weight: 700; color: #6c757d; background-color: #bcc1c6; }

.section-blog .sidebar-nav-item.active a, .section-blog .sidebar-nav-item.active a:focus, .section-blog .sidebar-nav-item.active a:active { color: #6c757d; }

.section-blog .sidebar-nav-item.active a:hover { color: #25282b; }

.section-blog .sidebar-nav-item a, .section-blog .sidebar-nav-item a:focus, .section-blog .sidebar-nav-item a:active { color: #6c757d; }

.section-blog .sidebar-nav-item a:hover { color: #25282b; }

.bg-legal { background-color: #ff2560; }

.text-legal { color: #ff5885; }

.icon-legal { --fa-primary-color: #ff5885; --fa-secondary-color: #ffbed0; }

.section-legal #titlebar { background: #f10041 linear-gradient(180deg, #f10041, #ff2560) repeat-x !important; }

.section-legal #titlebar .breadcrumbs { color: #ff1b58; font-size: 1rem; display: block; visibility: visible; }

.section-legal #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-legal #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-legal #titlebar .breadcrumbs a, .section-legal #titlebar .breadcrumbs a:focus, .section-legal #titlebar .breadcrumbs a:active { color: #ff3f72; }

.section-legal #titlebar .breadcrumbs a:hover { color: #ff5885; }

.section-legal #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-legal #undertitle { background-color: #ff2560; }

@media (min-width: 768px) { .section-legal #undertitle > div { min-height: 1.5rem; }
  .section-legal #undertitle > div > .row { min-height: 1.5rem; } }

.section-legal .bg-section { background-color: #ff2560; }

.section-legal .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-legal .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-legal .sidebar:hover { opacity: 1; } }

.section-legal .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-legal .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-legal .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-legal .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-legal .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-legal .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-legal .sidebar-nav-item.active { font-weight: 700; color: #ff5885; background-color: #fff1f5; }

.section-legal .sidebar-nav-item.active a, .section-legal .sidebar-nav-item.active a:focus, .section-legal .sidebar-nav-item.active a:active { color: #ff5885; }

.section-legal .sidebar-nav-item.active a:hover { color: #be0033; }

.section-legal .sidebar-nav-item a, .section-legal .sidebar-nav-item a:focus, .section-legal .sidebar-nav-item a:active { color: #6c757d; }

.section-legal .sidebar-nav-item a:hover { color: #be0033; }

.bg-support { background-color: #b67000; }

.text-support { color: #e98f00; }

.icon-support { --fa-primary-color: #e98f00; --fa-secondary-color: #ffbb50; }

.section-support #titlebar { background: #835000 linear-gradient(180deg, #835000, #b67000) repeat-x !important; }

.section-support #titlebar .breadcrumbs { color: #ac6900; font-size: 1rem; display: block; visibility: visible; }

.section-support #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-support #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-support #titlebar .breadcrumbs a, .section-support #titlebar .breadcrumbs a:focus, .section-support #titlebar .breadcrumbs a:active { color: #d07f00; }

.section-support #titlebar .breadcrumbs a:hover { color: #e98f00; }

.section-support #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-support #undertitle { background-color: #b67000; }

@media (min-width: 768px) { .section-support #undertitle > div { min-height: 1.5rem; }
  .section-support #undertitle > div > .row { min-height: 1.5rem; } }

.section-support .bg-section { background-color: #b67000; }

.section-support .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-support .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-support .sidebar:hover { opacity: 1; } }

.section-support .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-support .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-support .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-support .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-support .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-support .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-support .sidebar-nav-item.active { font-weight: 700; color: #e98f00; background-color: #ffcf83; }

.section-support .sidebar-nav-item.active a, .section-support .sidebar-nav-item.active a:focus, .section-support .sidebar-nav-item.active a:active { color: #e98f00; }

.section-support .sidebar-nav-item.active a:hover { color: #503100; }

.section-support .sidebar-nav-item a, .section-support .sidebar-nav-item a:focus, .section-support .sidebar-nav-item a:active { color: #6c757d; }

.section-support .sidebar-nav-item a:hover { color: #503100; }

.bg-ncp { background-color: #ad18ff; }

.text-ncp { color: #bf4bff; }

.icon-ncp { --fa-primary-color: #bf4bff; --fa-secondary-color: #e3b1ff; }

.section-ncp #titlebar { background: #9300e4 linear-gradient(180deg, #9300e4, #ad18ff) repeat-x !important; }

.section-ncp #titlebar .breadcrumbs { color: #a90eff; font-size: 1rem; display: block; visibility: visible; }

.section-ncp #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-ncp #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-ncp #titlebar .breadcrumbs a, .section-ncp #titlebar .breadcrumbs a:focus, .section-ncp #titlebar .breadcrumbs a:active { color: #b632ff; }

.section-ncp #titlebar .breadcrumbs a:hover { color: #bf4bff; }

.section-ncp #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-ncp #undertitle { background-color: #ad18ff; }

@media (min-width: 768px) { .section-ncp #undertitle > div { min-height: 1.5rem; }
  .section-ncp #undertitle > div > .row { min-height: 1.5rem; } }

.section-ncp .bg-section { background-color: #ad18ff; }

.section-ncp .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-ncp .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-ncp .sidebar:hover { opacity: 1; } }

.section-ncp .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-ncp .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-ncp .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-ncp .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-ncp .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-ncp .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-ncp .sidebar-nav-item.active { font-weight: 700; color: #bf4bff; background-color: #f5e4ff; }

.section-ncp .sidebar-nav-item.active a, .section-ncp .sidebar-nav-item.active a:focus, .section-ncp .sidebar-nav-item.active a:active { color: #bf4bff; }

.section-ncp .sidebar-nav-item.active a:hover { color: #7200b1; }

.section-ncp .sidebar-nav-item a, .section-ncp .sidebar-nav-item a:focus, .section-ncp .sidebar-nav-item a:active { color: #6c757d; }

.section-ncp .sidebar-nav-item a:hover { color: #7200b1; }

.bg-dcp { background-color: #048f82; }

.text-dcp { color: #06c0af; }

.icon-dcp { --fa-primary-color: #06c0af; --fa-secondary-color: #33f9e7; }

.section-dcp #titlebar { background: #035d55 linear-gradient(180deg, #035d55, #048f82) repeat-x !important; }

.section-dcp #titlebar .breadcrumbs { color: #048579; font-size: 1rem; display: block; visibility: visible; }

.section-dcp #titlebar .breadcrumbs span::after { content: "/"; font-weight: 700; margin-left: 0.5rem; margin-right: 0.5rem; font-size: 1.25rem; }

.section-dcp #titlebar .breadcrumbs span:first-child:after { content: ''; }

.section-dcp #titlebar .breadcrumbs a, .section-dcp #titlebar .breadcrumbs a:focus, .section-dcp #titlebar .breadcrumbs a:active { color: #05a798; }

.section-dcp #titlebar .breadcrumbs a:hover { color: #06c0af; }

.section-dcp #titlebar .title { line-height: 1.5em; font-family: "Roboto Slab", serif; font-size: 2.1rem; }

.section-dcp #undertitle { background-color: #048f82; }

@media (min-width: 768px) { .section-dcp #undertitle > div { min-height: 1.5rem; }
  .section-dcp #undertitle > div > .row { min-height: 1.5rem; } }

.section-dcp .bg-section { background-color: #048f82; }

.section-dcp .sidebar { padding-top: 1rem; }

@media (min-width: 768px) { .section-dcp .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; overflow-y: scroll; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; transition: opacity 0.5s; display: block !important; }
  .section-dcp .sidebar:hover { opacity: 1; } }

.section-dcp .sidebar > .sidebar-nav-item { margin-bottom: 1rem; font-weight: 700; }

.section-dcp .sidebar > .sidebar-nav-item.has-children { border-bottom: 1px solid #dee2e6; margin-bottom: 0; }

.section-dcp .sidebar > .sidebar-nav-children { margin-bottom: 1rem; font-size: 0.875rem; }

.section-dcp .sidebar > .sidebar-nav-children > .sidebar-nav-children { font-size: 0.76563rem; padding-left: 0.5rem; }

.section-dcp .sidebar-nav-item { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.25rem; padding-top: 0.25rem; margin-bottom: 0.25rem; color: #6c757d; }

.section-dcp .sidebar-nav-item.has-children { margin-bottom: 0; }

.section-dcp .sidebar-nav-item.active { font-weight: 700; color: #06c0af; background-color: #65faed; }

.section-dcp .sidebar-nav-item.active a, .section-dcp .sidebar-nav-item.active a:focus, .section-dcp .sidebar-nav-item.active a:active { color: #06c0af; }

.section-dcp .sidebar-nav-item.active a:hover { color: #012c28; }

.section-dcp .sidebar-nav-item a, .section-dcp .sidebar-nav-item a:focus, .section-dcp .sidebar-nav-item a:active { color: #6c757d; }

.section-dcp .sidebar-nav-item a:hover { color: #012c28; }

@media (min-width: 768px) { .sidebar { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: none; padding-bottom: 0; margin-bottom: 0; } }

.page-box { border: 1px solid #e9ecef; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); border-radius: 0.25rem; }

.page-box *:last-child { margin-bottom: 0; }

/* Mermaid */
.mermaid { overflow: hidden !important; visibility: hidden !important; margin-bottom: 1rem; margin-top: 1rem; min-height: 200px; }

.mermaid[data-processed="true"] { visibility: visible !important; }

.mermaid svg { min-height: 200px; }

.node rect, .node circle, .node ellipse, .node polygon { fill: #e0f4ff !important; stroke: #000 !important; }

.type-node rect, .type-node circle, .type-node ellipse, .type-node polygon { fill: #7bcffe !important; stroke: #000 !important; }

.cluster rect { fill: #f8f9fa !important; stroke: #dee2e6 !important; }
