/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }


audio, canvas, video { display: inline-block; }


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


[hidden], template { display: none; }

{ display: none !important; }

/* ========================================================================== Base ========================================================================== */

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


 }

/* ========================================================================== Links ========================================================================== */

a { background: transparent; }


a:focus { outline: thin dotted; }


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

/* ========================================================================== Typography ========================================================================== */

h1 { font-size: 2em; margin: 0.67em 0; }


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


b, strong { font-weight: bold; }


dfn { font-style: italic; }


hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }


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


code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }


pre { white-space: pre-wrap; }


q { quotes: "\201C" "\201D" "\2018" "\2019"; }


small { font-size: 80%; }


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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */

img { border: 0; }


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

/* ========================================================================== Figures ========================================================================== */

figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */

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


legend { border: 0; /* 1 */ padding: 0; /* 2 */ }


button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }


button, input { line-height: normal; }


button, select { text-transform: none; }


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


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


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


input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }


input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }


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


textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }

meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; }

meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }

meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 100%; }

&tab-size: 4; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

a:hover { cursor: pointer; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

.hide { display: none; }

 -webkit-font-smoothing: antialiased; }

img,  vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

/* Variables */
/* Animation */
@keyframes ssc-loading { from { transform: translateX(-100%); }
  to { transform: translateX(100%); } }

/* Animation partial */
.ssc-circle, .ssc-line, .ssc-head-line, .ssc-square { position: relative; overflow: hidden; }
.ssc-circle:after, .ssc-line:after, .ssc-head-line:after, .ssc-square:after { content: ""; animation: ssc-loading 1.3s infinite; height: 100%; left: 0; position: absolute; right: 0; top: 0; transform: translateX(-100%); z-index: 1; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); }


.ssc { cursor: progress; user-select: none; }


.ssc .mb { margin-bottom: 16px; }
.ssc .mt { margin-top: 16px; }
.ssc .mr { margin-right: 16px; }
.ssc .ml { margin-left: 16px; }
.ssc .mbs { margin-bottom: 8px; }
.ssc .mts { margin-top: 8px; }
.ssc .mrs { margin-right: 8px; }
.ssc .mls { margin-left: 8px; }
.ssc .w-10 { width: 10%; }
.ssc .w-20 { width: 20%; }
.ssc .w-30 { width: 30%; }
.ssc .w-40 { width: 40%; }
.ssc .w-50 { width: 50%; }
.ssc .w-60 { width: 60%; }
.ssc .w-70 { width: 70%; }
.ssc .w-80 { width: 80%; }
.ssc .w-90 { width: 90%; }
.ssc .w-100 { width: 100%; }
.ssc .flex { display: flex; }
.ssc .inline-flex { display: inline-flex; }
.ssc .align-center { align-items: center; }
.ssc .align-start { align-items: flex-start; }
.ssc .align-end { align-items: flex-end; }
.ssc .align-stretch { align-items: stretch; }
.ssc .justify-start { justify-content: start; }
.ssc .justify-end { justify-content: end; }
.ssc .justify-between { justify-content: space-between; }
.ssc .justify-center { justify-content: center; }
.ssc .justify-around { justify-content: space-around; }


.ssc-wrapper { padding: 16px; }

/* Figures, Objects */
.ssc-card { display: block; width: 100%; height: 100%; border-radius: 5px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.17); background-color: white; }

.ssc-circle { display: block; background-color: rgba(0, 0, 0, 0.17); border-radius: 50%; width: 50px; height: 50px; }

.ssc-hr { display: block; width: 100%; background-color: rgba(0, 0, 0, 0.17); height: 2px; }

.ssc-line { display: block; background-color: rgba(0, 0, 0, 0.17); border-radius: 15px; margin-bottom: 8px; width: 100%; height: 12px; }
.ssc-line:last-child { margin-bottom: unset; }

.ssc-head-line { display: block; background-color: rgba(0, 0, 0, 0.17); border-radius: 15px; width: 100%; height: 24px; }

.ssc-square { display: block; background-color: rgba(0, 0, 0, 0.17); width: 100%; height: 150px; }

.website-navbar { position: sticky; top: 0; z-index: 2000; }
.website-navbar .sb-res-pos { position: absolute; right: 0; }
.website-navbar .click-outside { position: fixed; width: 100vw; height: 100vh; background-color: transparent !important; top: 0; left: 0; }
.website-navbar .search-bar-results { min-width: 300px; font-family: "Ubuntu", "Lucida Grande", Georgia, Verdana, "Helvetica", Helvetica, Arial, sans-serif; }
.website-navbar .search-bar-results #recommendations { padding: 16px; }
.website-navbar .search-bar-results #results { padding: 16px; }
.website-navbar .search-bar-results #results a { color: #4cbdec; }
.website-navbar .search-bar-results #results .breadcrumbs { font-size: 10px; }
.website-navbar .search-bar-results #results .highlightText { font-weight: bold; }
.website-navbar .search-bar-results #results .snippet { font-size: 10px; }
.website-navbar .search-bar-results #results .result { margin-bottom: 10px; }
.website-navbar .search-bar-results .recommendation.highlight { background-color: lightgray; }
.website-navbar .search-bar-results .recommendation .highlightText { font-weight: bold; }

.website-navbar .search-bar .search-bar-results::after { content: " "; position: absolute; bottom: 100%; right: 80px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent white transparent; }

h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { scroll-margin-top: 55px; }

 vertical-align: middle; }

.center { margin-left: auto; margin-right: auto; }

.stretch { width: 100%; }

 font-size: 1.21875em; line-height: 1.6; }

.subheader, .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }

/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }

/* Default Link Styles */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: #2795b6; }
a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }
p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }

/* Default header styles */
h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: "Ubuntu", "Lucida Grande", Georgia, Verdana, "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.2125em; }
h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 2.125em; }

h2 { font-size: 1.6875em; }

h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.375em; }

h4 { font-size: 1.125em; }

h5 { font-size: 1.125em; }

h6 { font-size: 1em; }

hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; }

/* Lists */
ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }

ul, ol { margin-left: 1.5em; }


/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }


/* Ordered Lists */
ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3125em; font-weight: bold; }
dl dd { margin-bottom: 1.25em; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; }

abbr { text-transform: none; }

/* Blockquotes */
blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 0.8125em; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #dddddd; padding: 0.625em 0.75em; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 0.9375em; }

.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: auto; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }

@media screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; }
  h1 { font-size: 2.75em; }
  h2 { font-size: 2.3125em; }
  h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em; }
  h4 { font-size: 1.4375em; } }
/* Tables */
table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; }
table thead, table tfoot { background: whitesmoke; font-weight: bold; }
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: inherit; color: #222222; text-align: left; }
table tr th, table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: #222222; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.4; }

 grayscale; -webkit-font-smoothing: antialiased; tab-size: 4; }

h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; }

.clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; }
.clearfix:after, .float-group:after { clear: both; }

:not(pre):not([class^=L]) > code { font-size: inherit; font-style: normal !important; letter-spacing: 0; padding: 0; line-height: inherit; word-wrap: break-word; }

:not(pre) > code.nobreak { word-wrap: normal; }
:not(pre) > code.nowrap { white-space: nowrap; }

pre { color: black; font-family: monospace, serif; line-height: 1.4; }
pre code, pre pre { color: inherit; font-size: inherit; line-height: inherit; }
pre > code { display: block; }

pre.nowrap, pre.nowrap pre { white-space: pre; word-wrap: normal; }

em em { font-style: normal; }

strong strong { font-weight: normal; }

.keyseq { color: #555555; }

kbd { font-family: Consolas, "Liberation Mono", Courier, monospace; display: inline-block; color: #222222; font-size: 0.65em; line-height: 1.45; background-color: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.1em white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.1em white inset; margin: 0 0.15em; padding: 0.2em 0.5em; vertical-align: middle; position: relative; top: -0.1em; white-space: nowrap; }

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

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

.menuseq, .menuref { color: #000; }

.menuseq b:not(.caret), .menuref { font-weight: inherit; }

.menuseq { word-spacing: -0.02em; }
.menuseq b.caret { font-size: 1.25em; line-height: 0.8; }
.menuseq i.caret { font-weight: bold; text-align: center; width: 0.45em; }

b.button:before, b.button:after { position: relative; top: -1px; font-weight: normal; }

b.button:before { content: "["; padding: 0 3px 0 2px; }

b.button:after { content: "]"; padding: 0 2px 0 3px; }

#header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; }
#header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after { content: " "; display: table; }
#header:after, #content:after, #footnotes:after, #footer:after { clear: both; }

#content { margin-top: 1.25em; }

#content:before { content: none; }

#header > h1:first-child { color: black; margin-top: 2.25rem; margin-bottom: 0; }
#header > h1:first-child + #toc { margin-top: 8px; border-top: 1px solid #dddddd; }
#header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) { border-bottom: 1px solid #dddddd; padding-bottom: 8px; }
#header .details { border-bottom: 1px solid #dddddd; line-height: 1.45; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.25em; color: #555555; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
#header .details span:first-child { margin-left: -0.125em; }
#header .details span.email a { color: #6f6f6f; }
#header .details br { display: none; }
#header .details br + span:before { content: "\00a0\2013\00a0"; }
#header .details br + span.author:before { content: "\00a0\22c5\00a0"; color: #6f6f6f; }
#header .details br + span#revremark:before { content: "\00a0|\00a0"; }
#header #revnumber { text-transform: capitalize; }
#header #revnumber:after { content: "\00a0"; }

#content > h1:first-child:not([class]) { color: black; border-bottom: 1px solid #dddddd; padding-bottom: 8px; margin-top: 0; padding-top: 1rem; margin-bottom: 1.25rem; }

#toc { border-bottom: 1px solid #dddddd; padding-bottom: 0.5em; }
#toc > ul { margin-left: 0.125em; }
#toc ul.sectlevel0 > li > a { font-style: normal; }
#toc ul.sectlevel0 ul.sectlevel1 { margin: 0.5em 0; }
#toc ul { font-family: "Ubuntu", "Lucida Grande", Georgia, Verdana, "Helvetica", Helvetica, Arial, sans-serif; list-style-type: none; }
#toc li { line-height: 1.3334; margin-top: 0.3334em; }
#toc a { text-decoration: none; color: black; }
#toc a:active { text-decoration: underline; }

.toc-current { color: #4cbdec; font-weight: normal; }

#toctitle { color: #6f6f6f; font-size: 1.2em; }

@media screen and (min-width: 768px) { #toctitle { font-size: 1.375em; }
  body.toc2 { padding-left: 15em; padding-right: 0; }
  #toc.toc2 { margin-top: 0 !important; background: #f2f2f2; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #dddddd; border-top-width: 0 !important; border-bottom-width: 0 !important; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto; }
  #toc.toc2 #toctitle { margin-top: 0; margin-bottom: 0.8rem; font-size: 1.2em; }
  #toc.toc2 > ul { font-size: 0.9em; margin-bottom: 0; }
  #toc.toc2 ul ul { margin-left: 0; padding-left: 1em; }
  #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 1rem; margin-top: 0.5em; margin-bottom: 0.5em; }
  body.toc2.toc-right { padding-left: 0; padding-right: 15em; }
  body.toc2.toc-right #toc.toc2 { border-right-width: 0; border-left: 1px solid #dddddd; left: auto; right: 0; } }
@media screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; padding-right: 0; }
  #toc.toc2 { width: 20em; }
  #toc.toc2 #toctitle { font-size: 1.375em; }
  #toc.toc2 > ul { font-size: 0.95em; }
  #toc.toc2 ul ul { padding-left: 1.25em; }
  #toctitle { display: none; }
  body.toc2.toc-right { padding-left: 0; padding-right: 20em; } }
#content #toc { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; -webkit-border-radius: 0; border-radius: 0; }
#content #toc > :first-child { margin-top: 0; }
#content #toc > :last-child { margin-bottom: 0; }

#footer { max-width: 100%; background: #222222; padding: 1.25em; }

#footer-text { color: #dddddd; line-height: 1.44; }

#content { margin-bottom: 0.625em; }

.sect1 { padding-bottom: 0.625em; }

@media screen and (min-width: 768px) { #content { margin-bottom: 1.25em; }
  .sect1 { padding-bottom: 1.25em; } }
.sect1:last-child { padding-bottom: 0; }

#content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; z-index: 1001; width: 1.5ex; margin-left: -1.5ex; display: block; text-decoration: none !important; visibility: hidden; text-align: center; font-weight: normal; }
#content h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, #toctitle > a.anchor:before, .sidebarblock > .content > .title > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { content: "\00A7"; font-size: 0.85em; display: block; padding-top: 0.1em; }
#content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible; }
#content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #222222; text-decoration: none; }
#content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #151515; }

details, .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock { margin-bottom: 1.25em; text-align: center; }

details > summary:first-of-type { cursor: pointer; display: list-item; outline: none; margin-bottom: 0.75em; }

.admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; }

table.tableblock.fit-content > caption.title { white-space: nowrap; width: 0; }

.paragraph.lead > p, #preamble > .sectionbody > [class="paragraph"]:first-of-type p { font-size: 1.21875em; line-height: 1.6; color: black; }

table.tableblock #preamble > .sectionbody > [class="paragraph"]:first-of-type p { font-size: inherit; }

.admonitionblock > table { border-collapse: separate; border: 0; background: none; width: 100%; }
.admonitionblock > table td.icon { text-align: center; width: 80px; }
.admonitionblock > table td.icon img { max-width: none; }
.admonitionblock > table td.icon .title { font-weight: bold; font-family: "Ubuntu", "Lucida Grande", Georgia, Verdana, "Helvetica", Helvetica, Arial, sans-serif; text-transform: uppercase; }
.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid #dddddd; color: #555555; }
.admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; }

.exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: white; -webkit-border-radius: 0; border-radius: 0; }
.exampleblock > .content > :first-child { margin-top: 0; }
.exampleblock > .content > :last-child { margin-bottom: 0; }

.sidebarblock { border-style: solid; border-width: 1px; border-color: #d4d4d4; margin-bottom: 1.25em; padding: 1.25em; background: #ededed; -webkit-border-radius: 0; border-radius: 0; }
.sidebarblock > :first-child { margin-top: 0; }
.sidebarblock > :last-child { margin-bottom: 0; }
.sidebarblock > .content > .title { color: #6f6f6f; margin-top: 0; }

.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; }

.literalblock pre, .listingblock > .content > pre { border: 1px solid #cccccc; -webkit-border-radius: 0; border-radius: 0; word-wrap: break-word; overflow-x: auto; padding: 0.8em 0.8em 0.65em 0.8em; font-size: 0.8125em; }
@media screen and (min-width: 768px) { .literalblock pre, .listingblock > .content > pre { font-size: 0.90625em; } }
@media screen and (min-width: 1280px) { .literalblock pre, .listingblock > .content > pre { font-size: 1em; } }

.literalblock pre, .listingblock > .content > pre:not(.highlight), .listingblock > .content > pre[class="highlight"], .listingblock > .content > pre[class^="highlight "] { background: #eeeeee; }

.literalblock.output pre { color: #eeeeee; background-color: black; }

.listingblock > .content { position: relative; }

.listingblock code[data-lang]:before { display: none; content: attr(data-lang); position: absolute; font-size: 0.75em; top: 0.425rem; right: 0.5rem; line-height: 1; text-transform: uppercase; color: inherit; opacity: 0.5; }

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

.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: inherit; opacity: 0.5; }

.listingblock.terminal pre .command:not([data-prompt]):before { content: "$"; }

.listingblock pre.highlightjs { padding: 0; }
.listingblock pre.highlightjs > code { padding: 0.8em 0.8em 0.65em 0.8em; -webkit-border-radius: 0; border-radius: 0; }

.prettyprint { background: #eeeeee; }

pre.prettyprint .linenums { line-height: 1.4; margin-left: 2em; }

pre.prettyprint li { background: none; list-style-type: inherit; padding-left: 0; }

pre.prettyprint li code[data-lang]:before { opacity: 1; }

pre.prettyprint li:not(:first-child) code[data-lang]:before { display: none; }

table.linenotable { border-collapse: separate; border: 0; margin-bottom: 0; background: none; }
table.linenotable td[class] { color: inherit; vertical-align: top; padding: 0; line-height: inherit; white-space: normal; }
table.linenotable td.code { padding-left: 0.75em; }
table.linenotable td.linenos { border-right: 1px solid currentColor; opacity: 0.35; padding-right: 0.5em; }

pre.pygments .lineno { border-right: 1px solid currentColor; opacity: 0.35; display: inline-block; margin-right: 0.75em; }
pre.pygments .lineno:before { content: ""; margin-right: -0.125em; }

.quoteblock { margin: 0 1em 1.25em 1.5em; display: table; }
.quoteblock:not(.excerpt) > .title { margin-left: -1.5em; margin-bottom: 0.75em; }
.quoteblock blockquote, .quoteblock p { color: #6f6f6f; font-size: 1.15rem; line-height: 1.75; word-spacing: 0.1em; letter-spacing: 0; font-style: italic; text-align: justify; }
.quoteblock blockquote { margin: 0; padding: 0; border: 0; }
.quoteblock blockquote:before { content: "\201c"; float: left; font-size: 2.75em; font-weight: bold; line-height: 0.6em; margin-left: -0.6em; color: #6f6f6f; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0; }
.quoteblock .attribution { margin-top: 0.75em; margin-right: 0.5ex; text-align: right; }

.verseblock { margin: 0 1em 1.25em 1em; }
.verseblock pre { font-family: "Open Sans", "DejaVu Sans", sans; font-size: 1.15rem; color: #6f6f6f; font-weight: 300; text-rendering: optimizeLegibility; }
.verseblock pre strong { font-weight: 400; }
.verseblock .attribution { margin-top: 1.25rem; margin-left: 0.5ex; }

.quoteblock .attribution, .verseblock .attribution { font-size: 0.8125em; line-height: 1.45; font-style: italic; }
.quoteblock .attribution br, .verseblock .attribution br { display: none; }
.quoteblock .attribution cite, .verseblock .attribution cite { display: block; letter-spacing: -0.025em; color: #555555; }

.quoteblock.abstract blockquote:before, .quoteblock.excerpt blockquote:before, .quoteblock .quoteblock blockquote:before { display: none; }
.quoteblock.abstract blockquote, .quoteblock.abstract p, .quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { line-height: 1.6; word-spacing: 0; }
.quoteblock.abstract { margin: 0 1em 1.25em 1em; display: block; }
.quoteblock.abstract > .title { margin: 0 0 0.375em 0; font-size: 1.15em; text-align: center; }
.quoteblock.excerpt > blockquote, .quoteblock .quoteblock { padding: 0 0 0.25em 1em; border-left: 0.25em solid #dddddd; }
.quoteblock.excerpt, .quoteblock .quoteblock { margin-left: 0; }
.quoteblock.excerpt blockquote, .quoteblock.excerpt p, .quoteblock .quoteblock blockquote, .quoteblock .quoteblock p { color: inherit; font-size: 1.0625rem; }
.quoteblock.excerpt .attribution, .quoteblock .quoteblock .attribution { color: inherit; text-align: left; margin-right: 0; }

table.tableblock { max-width: 100%; border-collapse: separate; }

p.tableblock:last-child { margin-bottom: 0; }

td.tableblock > .content { margin-bottom: 1.25em; }
td.tableblock > .content > :last-child { margin-bottom: -1.25em; }

table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dddddd; }

table.grid-all > thead > tr > .tableblock, table.grid-all > tbody > tr > .tableblock { border-width: 0 1px 1px 0; }

table.grid-all > tfoot > tr > .tableblock { border-width: 1px 1px 0 0; }

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

table.grid-rows > thead > tr > .tableblock, table.grid-rows > tbody > tr > .tableblock { border-width: 0 0 1px 0; }

table.grid-rows > tfoot > tr > .tableblock { border-width: 1px 0 0 0; }

table.grid-all > * > tr > .tableblock:last-child, table.grid-cols > * > tr > .tableblock:last-child { border-right-width: 0; }

table.grid-all > tbody > tr:last-child > .tableblock, table.grid-all > thead:last-child > tr > .tableblock, table.grid-rows > tbody > tr:last-child > .tableblock, table.grid-rows > thead:last-child > tr > .tableblock { border-bottom-width: 0; }

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

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

table.frame-topbot, table.frame-ends { border-width: 1px 0; }

table.stripes-all tr, table.stripes-odd tr:nth-of-type(odd), table.stripes-even tr:nth-of-type(even), table.stripes-hover tr:hover { background: #f9f9f9; }

th.halign-left, td.halign-left { text-align: left; }

th.halign-right, td.halign-right { text-align: right; }

th.halign-center, td.halign-center { text-align: center; }

th.valign-top, td.valign-top { vertical-align: top; }

th.valign-bottom, td.valign-bottom { vertical-align: bottom; }

th.valign-middle, td.valign-middle { vertical-align: middle; }

table thead th, table tfoot th { font-weight: bold; }

tbody tr th { display: table-cell; line-height: 1.4; background: whitesmoke; }

tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: #222222; font-weight: bold; }

p.tableblock > code:only-child { background: none; padding: 0; }

p.tableblock { font-size: 1em; }

ol { margin-left: 1.75em; }

ul li ol { margin-left: 1.5em; }

dl dd { margin-left: 1.125em; }

dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; }

ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.625em; }

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

ul.no-bullet, ol.no-bullet, ol.unnumbered { margin-left: 0.625em; }

ul.unstyled, ol.unstyled { margin-left: 0; }

ul.checklist { margin-left: 0.625em; }

ul li::marker { font-size: 0.7em; }

ul.checklist li > p:first-child > .fa-square-o:first-child, ul.checklist li > p:first-child > .fa-check-square-o:first-child { width: 1.25em; font-size: 0.8em; position: relative; bottom: 0.125em; }

ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; }

ul.inline { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; list-style: none; margin: 0 0 0.625em -1.25em; }

ul.inline > li { margin-left: 1.25em; }

.unstyled dl dt { font-weight: normal; font-style: normal; }

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

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

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

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

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

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

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

.hdlist > table, .colist > table { border: 0; background: none; }
.hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; }

td.hdlist1, td.hdlist2 { vertical-align: top; padding: 0 0.625em; }

td.hdlist1 { font-weight: bold; padding-bottom: 1.25em; }

.literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; }

.colist td:not([class]):first-child { padding: 0.4em 0.75em 0 0.75em; line-height: 1; vertical-align: top; }
.colist td:not([class]):first-child img { max-width: none; }
.colist td:not([class]):last-child { padding: 0.25em 0; }

.thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px #dddddd; box-shadow: 0 0 0 1px #dddddd; }

.imageblock.left { margin: 0.25em 0.625em 1.25em 0; }
.imageblock.right { margin: 0.25em 0 1.25em 0.625em; }
.imageblock > .title { margin-bottom: 0; }
.imageblock.thumb, .imageblock.th { border-width: 6px; }
.imageblock.thumb > .title, .imageblock.th > .title { padding: 0 0.125em; }

.image.left, .image.right { margin-top: 0.25em; margin-bottom: 0.25em; display: inline-block; line-height: 0; }
.image.left { margin-right: 0.625em; }
.image.right { margin-left: 0.625em; }

a.image { text-decoration: none; display: inline-block !important; }
a.image object { pointer-events: none; }

sup.footnote, sup.footnoteref { font-size: 0.875em; position: static; vertical-align: super; }
sup.footnote a, sup.footnoteref a { text-decoration: none; }
sup.footnote a:active, sup.footnoteref a:active { text-decoration: underline; }

#footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; }
#footnotes hr { width: 20%; min-width: 6.25em; margin: -0.25em 0 0.75em 0; border-width: 1px 0 0 0; }
#footnotes .footnote { padding: 0 0.375em 0 0.225em; line-height: 1.3334; font-size: 0.875em; margin-left: 1.2em; margin-bottom: 0.2em; }
#footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; margin-left: -1.05em; }
#footnotes .footnote:last-of-type { margin-bottom: 0; }
#content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; }

.gist .file-data > table { border: 0; background: #fff; width: 100%; margin-bottom: 0; }
.gist .file-data > table td.line-data { width: 99%; }

div.unbreakable { page-break-inside: avoid; }

.big { font-size: larger; }

.small { font-size: smaller; }

.underline { text-decoration: underline; }

.overline { text-decoration: overline; }

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

.aqua { color: #00bfbf; }

.aqua-background { background-color: #00fafa; }

.black { color: black; }

.black-background { background-color: black; }

.blue { color: #0000bf; }

.blue-background { background-color: #0000fa; }

.fuchsia { color: #bf00bf; }

.fuchsia-background { background-color: #fa00fa; }

.gray { color: #606060; }

.gray-background { background-color: #7d7d7d; }

.green { color: #006000; }

.green-background { background-color: #007d00; }

.lime { color: #00bf00; }

.lime-background { background-color: #00fa00; }

.maroon { color: #600000; }

.maroon-background { background-color: #7d0000; }

.navy { color: #000060; }

.navy-background { background-color: #00007d; }

.olive { color: #606000; }

.olive-background { background-color: #7d7d00; }

.purple { color: #600060; }

.purple-background { background-color: #7d007d; }

.red { color: #bf0000; }

.red-background { background-color: #fa0000; }

.silver { color: #909090; }

.silver-background { background-color: #bcbcbc; }

.teal { color: #006060; }

.teal-background { background-color: #007d7d; }

.white { color: #bfbfbf; }

.white-background { background-color: #fafafa; }

.yellow { color: #bfbf00; }

.yellow-background { background-color: #fafa00; }

.copy-code-button { position: absolute; z-index: 2; right: 0; top: 0; height: auto; width: 30px; border: 0.5px solid; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 2px 4px 3px 4px; margin: 10px 7px 7px 1px; cursor: pointer; opacity: 0.6; }

.copy-code-button:hover, .copy-code-button:focus, .copy-code-button:active, .copy-code-button:active:hover { color: #222225; background-color: #b3b3b3; opacity: 0.8; }

.copy-code-button img { padding: 3px; }

.content button::before { content: "Copied"; position: absolute; top: -45px; right: 0px; background: #b3b3b3; padding: 8px 8px; font-size: 12px; display: none; }

.content.active button:before, .content.active button:after { display: block; }

span.icon > .fa { cursor: default; }
a span.icon > .fa { cursor: inherit; }

.admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; }
.admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #207c98; }
.admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; }
.admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #bf6900; }
.admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; }
.admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; }

.conum[data-value] { display: inline-block; color: #fff !important; background-color: #222222; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 0.75em; width: 1.67em; height: 1.67em; line-height: 1.67em; font-family: "Open Sans", "DejaVu Sans", sans-serif; font-style: normal; font-weight: bold; }
.conum[data-value] * { color: #fff !important; }
.conum[data-value] + b { display: none; }
.conum[data-value]:after { content: attr(data-value); }
pre .conum[data-value] { position: relative; top: -0.125em; }

b.conum * { color: inherit !important; }

.conum:not([data-value]):empty { display: none; }

/****************NAVBAR****************/
.website-navbar { width: 100%; background-color: #4cbdec; padding: 0.5rem; display: flex; flex-wrap: wrap; align-items: center; }

.website-navbar ul { list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; flex-grow: 1; display: flex; flex-wrap: wrap; }
.website-navbar ul img { width: 9rem; min-width: 9rem; }
.website-navbar ul li { margin-top: 0.5rem; display: inline-block; margin-right: 1rem; margin-left: 1rem; font-size: 0.9rem; }
.website-navbar ul li:first-child { margin-right: auto; }
.website-navbar ul li p { margin-bottom: 0; margin-right: 20px; }
.website-navbar ul li p a { font-weight: 500; color: #ffffff; }

@media (max-width: 992px) { .website-navbar ul li { margin-right: 0.5rem; margin-left: 0.4rem; } }
@media (min-width: 992px) { .website-navbar a img { margin-right: 1rem; } }
@media (min-width: 769px) { .menu-button { display: none; }
  .website-navbar ul { visibility: visible; }
  .website-navbar ul li { margin-top: 0; position: relative; }
  .website-navbar ul li:hover ul.sub-menu { visibility: visible; }
  .website-navbar ul ul.sub-menu { position: absolute; top: 24px; left: 0; z-index: 1; background: #4cbdec; min-width: 170px; box-shadow: 0px 14px 10px 0px #004f67; visibility: hidden; }
  .website-navbar ul ul.sub-menu li { padding: 8px 16px; width: 100%; margin: 0 !important; border-bottom: 1px solid #23576e; } }
@media (max-width: 576px) { .website-navbar ul li { margin-right: 0; }
  .website-navbar ul li:first-child { width: 2.1rem; overflow: hidden; } }
@media (max-width: 375px) { .navbar-github { display: none !important; } }
.website-navbar form input.form-control { width: 140px; height: 18px !important; font-size: 9px; margin-left: 0.5rem !important; padding: .05rem; border-radius: .15rem; }

.website-navbar navbar-brand { display: inline-block; margin-right: .5rem; margin-left: .5rem; }

/****************CTA****************/
.openblock.CTA { top: 3rem; position: absolute; margin-right: auto; margin-left: auto; left: 0; right: 0; width: 100%; padding: 0 30px; text-align: center; color: white; }

#welcome\.asciidoc > #content { padding: 0; max-width: none; }
#welcome\.asciidoc > #content > div:nth-child(n + 3) { padding-left: 1em; padding-right: 1em; }

.openblock.CTA .content > *:nth-child(n + 3) { margin-top: 2rem; display: inline-flex; flex-wrap: wrap; }

.openblock.CTA h2 { line-height: 3rem; color: #2b292d; margin-bottom: 1rem; }

.welcome-desc1 p strong { color: #66F6FF; }

@media (max-width: 1000px) { .openblock.CTA .welcome-desc1 p { font-size: 35px; }
  .imageblock.bg-image img { height: 500px; } }
@media (max-width: 575px) { .openblock.CTA { top: 1rem; }
  .openblock.CTA .welcome-desc1 p { line-height: 40px; } }
@media (min-width: 576px) { .openblock.CTA h2 { line-height: 3.5rem; font-size: 3rem; } }
.openblock.CTA h3, .openblock.CTA #toctitle, .openblock.CTA .sidebarblock > .content > .title { color: #2b292d; font-size: 1.2 rem; margin-top: 0; }

.openblock.CTA .paragraph.blue-button { font-size: 0.8rem; color: white; }

.openblock.CTA .paragraph.white-button { font-size: 0.8rem; color: #4cbdec; }

b.button:before { content: ''; }

b.button:after { content: ''; }

.welcome-desc1 p { font-size: 48px; }

.welcome-desc2 p { font-size: 16px; }

.imageblock.bg-image { margin-top: -50px; position: inherit; display: inline-flex; flex-wrap: wrap; z-index: -1; }

.imageblock.bg-image img { width: 100vw; max-height: 500px; }

@media (max-width: 576px) { .openblock.CTA .white-button-overlay { display: inline-block; position: absolute; left: 0; width: 100vw; }
  .custom-card { margin-left: 0rem !important; } }
/****************DEVONFW INTRO****************/
.devonfw-intro-content .content { display: flex; flex-direction: row; padding: 50px; }
.devonfw-intro-content .devonfw-intro, .devonfw-intro-content .devon-intro-image { flex: 1; }
.devonfw-intro-content .devonfw-intro { display: flex; flex-direction: column; justify-content: center; padding: 0 100px 0 0; }
.devonfw-intro-content .devonfw-intro .hdlist1 { color: #23576e; font-size: 3rem; line-height: 2.5rem; }
.devonfw-intro-content .devonfw-intro dl dd { margin: 0; text-align: justify; }
.devonfw-intro-content .devonfw-intro .ulist { margin-top: 30px; }
.devonfw-intro-content .devonfw-intro .ulist ul > li > p { color: #4cbdec; font-size: 20px; font-weight: bold; margin-bottom: 0; }
.devonfw-intro-content .devonfw-intro .ulist li:last-child .olist li:last-child p { text-align: right; margin-top: 30px; }
.devonfw-intro-content .devonfw-intro .ulist li:last-child .olist li:last-child p a { background-color: #4cbdec; color: white; padding: 8px; }
.devonfw-intro-content .devonfw-intro ul, .devonfw-intro-content .devonfw-intro ol { margin-left: 0; list-style-type: none; }
.devonfw-intro-content .devon-intro-image { display: block; padding: 0 0 0 50px; }
.devonfw-intro-content .devon-intro-image img { transform: scale(1.3); }

@media (max-width: 768px) { .devonfw-intro { padding: 0 !important; }
  .devon-intro-image { display: none !important; }
  .devonfw-intro .ulist li:last-child .olist li:last-child p { text-align: left !important; }
  ul.sub-menu { display: flex; flex-direction: column; align-items: flex-start; }
  ul.sub-menu li:first-child { width: auto; } }
@media (min-width: 769px) { .devon-intro-image { display: block; } }
.learn-more { margin-top: 2rem; }

.learn-more p a { margin-left: 0; background-color: #4cbdec; color: white; padding: 8px; }

.devon-intro-image { display: none; }

@media (min-width: 1024px) { .learn-more p a { margin-left: 480px; background-color: #4cbdec; color: white; padding: 8px; } }
/****************DEVONFW DEMO****************/
.openblock.devonfw-demo { background-color: #faf9f9; padding: 50px; }
.openblock.devonfw-demo > .content { display: flex; flex-direction: row; }
.openblock.devonfw-demo > .content .devonfw-demo-image, .openblock.devonfw-demo > .content .devonfw-demo-description { flex: 1; display: flex; align-items: center; }
.openblock.devonfw-demo > .content .devonfw-demo-image { padding: 0 50px 0 0; }
.openblock.devonfw-demo > .content .devonfw-demo-description { padding: 0 0 0 50px; }

.devonfw-demo-description .hdlist1 { color: #23576e; font-size: 3rem; line-height: 2.5rem; }
.devonfw-demo-description li { list-style: none; }
.devonfw-demo-description ul, .devonfw-demo-description ol { margin-left: 0; }
.devonfw-demo-description dl dd { margin-left: 0; margin-bottom: 0; }
.devonfw-demo-description .ulist ul > li:first-child > p { color: #4cbdec; font-size: 20px; font-weight: bold; margin-bottom: 0; margin-top: 30px; }
.devonfw-demo-description .ulist .olist li:last-child p { text-align: right; margin-top: 30px; }
.devonfw-demo-description .ulist .olist li:last-child p a { border-radius: 0; margin-left: 8px; }
.devonfw-demo-description .ulist .olist li:last-child p a:hover { color: white; text-decoration: underline; }

@media (max-width: 768px) { .openblock.devonfw-demo > .content { display: flex; flex-direction: column; }
  .openblock.devonfw-demo > .content .devonfw-demo-image, .openblock.devonfw-demo > .content .devonfw-demo-description { padding: 0; }
  .openblock.devonfw-demo > .content .devonfw-demo-description .ulist .olist li:last-child p { text-align: left; } }
@media (max-width: 600px) { .devonfw-demo-image { display: none !important; } }
/****************DEVONFW DIFFERENT****************/
.devonfw-contrib ul { list-style: none; display: flex; align-items: center; justify-content: center; padding-top: 15%; padding-bottom: 15%; }
.devonfw-contrib ul:first-child { margin-left: 0; }

.devonfw-contrib ul li p span img { max-width: 300px; width: 100%; }

.devonfw-diff { text-align: center; }

.dlist.devonfw-diff .hdlist1 { color: #2b292d; font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 45px; }

.openblock.cards { text-align: center; padding: 50px; }

@media (min-width: 768px) { .custom-card { height: 370px; } }
@media (min-width: 992px) { .custom-card:nth-child(3) .ulist li:nth-child(3) { margin-top: 34px; } }
@media (max-width: 992px) { .custom-card:nth-child(3) .ulist li:nth-child(3) { margin-top: 12px; } }
.custom-card { border: 0.05rem solid rgba(43, 41, 45, 0.2); border-radius: 0.4rem; width: 31%; min-width: 100%; margin: 0.5rem; height: auto; background-color: white; padding: 0.75rem; display: inline-flex; flex-direction: row; flex-wrap: wrap; min-height: 380px; }
.custom-card ul li > * { margin-bottom: 0; }
.custom-card ul li > *:nth-child(1) { align-self: center; }
.custom-card ul li > *:nth-child(2) * { margin-bottom: 0.2rem; margin-right: 0.25rem; }
.custom-card ul li > .ulist { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; align-items: flex-end; }
.custom-card ul li > p > .image { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; align-items: flex-start; }

.ulist.custom-card > ul { display: flex; margin: 0 auto; }

@media (min-width: 600px) { .custom-card { min-width: 47%; }
  .ulist.custom-card > ul > li { flex-direction: row; } }
@media (min-width: 769px) { .custom-card { min-width: 13em; } }
.openblock.cards { margin-bottom: 15%; }

.custom-card li { list-style-type: none; line-height: 1rem; color: #2b292d; }

.custom-card p { color: #2b292d; font-size: 0.9rem; line-height: 1.1rem; display: inline-block; }

.custom-card p a { margin-top: 0.2rem; background-color: #4cbdec; color: white; padding: 8px; }

.custom-card .ulist li:nth-child(1) > p { font-weight: bold; color: #378aad; font-size: 20px; }

.custom-card .ulist li:nth-child(3) { margin-top: 55px; }

.custom-card .image > img { height: 100px; margin-top: 30px; margin-bottom: 30px; }

/****************FOOTER****************/
#footer { background: #faf9f9; }

#footer .content { display: inline-flex; flex-wrap: wrap; }

#footer .hdlist1 { color: #2b292d; font-size: 1.1rem; font-weight: 600; }

#footer a { color: rgba(43, 41, 45, 0.6); font-size: 0.9rem; }

.openblock.footerLinks { text-align: center; }

.dlist.linklist { text-align: left; margin-left: 4rem; margin-right: 4rem; }

.dlist.linklist .hdlist1 { padding-left: 2.5rem; margin-bottom: 1rem; }

.dlist.linklist .ulist ul { list-style-type: none; }

.footerFooter { border-top: 1px solid rgba(43, 41, 45, 0.1); margin-top: 3.5rem; text-align: center; }

.footerFooter ul { list-style-type: none; display: inline-flex; flex-wrap: wrap; margin-left: 0; }

.footerFooter ul li { margin: 1rem; }

@media (max-width: 1200px) { .dlist.linklist { margin-left: 0; } }
@media (max-width: 992px) { .dlist.linklist { margin-left: 0; margin-right: 3.5rem; } }
@media (max-width: 860px) { .dlist.linklist { margin-left: 0; margin-right: 1.5rem; } }
@media (max-width: 740px) { .footerFooter ul li { margin-right: .5rem; }
  .dlist.linklist { margin-left: 0; margin-right: 0.5rem; } }
@media (max-width: 620px) { .footerFooter ul li { margin-right: .5rem; }
  .dlist.linklist { min-width: 10rem; margin-left: 0; margin-right: 0; }
  .footer a { font-size: 0.85rem; } }
/********* Carousel *********/
@keyframes carousel { 25% { opacity: 1; }
  40% { opacity: 0; } }

.carousel { max-width: 42rem; height: 20rem; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; text-align: center; }
.carousel ul { list-style: none; margin-left: 0; }
.carousel ul > li:nth-child(1) * { color: #4cbdec; font-size: 1.15em; line-height: 1.7; font-weight: 600; }
.carousel ul > li:nth-child(2) * { font-size: 1.15em; line-height: 1.7; font-weight: 600; }
.carousel ul > li:nth-child(3) * { font-size: 0.9em; font-weight: 600; margin-bottom: 0; }
.carousel ul > li:nth-child(4) * { font-size: 0.9em; }
.carousel.slides-1 .slide { position: absolute; animation: carousel 5s infinite; opacity: 0; width: 100%; height: auto; }
.carousel.slides-1 .slide:nth-child(1) { animation-delay: 0s; }
.carousel.slides-1 .slide:nth-child(n + 2) { display: none; }
.carousel.slides-2 .slide { position: absolute; animation: carousel 10s infinite; opacity: 0; width: 100%; height: auto; }
.carousel.slides-2 .slide:nth-child(1) { animation-delay: 0s; }
.carousel.slides-2 .slide:nth-child(n + 3) { display: none; }
.carousel.slides-2 .slide:nth-child(2) { animation-delay: 5s; }
.carousel.slides-2 .slide:nth-child(n + 3) { display: none; }
.carousel.slides-3 .slide { position: absolute; animation: carousel 15s infinite; opacity: 0; width: 100%; height: auto; }
.carousel.slides-3 .slide:nth-child(1) { animation-delay: 0s; }
.carousel.slides-3 .slide:nth-child(n + 4) { display: none; }
.carousel.slides-3 .slide:nth-child(2) { animation-delay: 5s; }
.carousel.slides-3 .slide:nth-child(n + 4) { display: none; }
.carousel.slides-3 .slide:nth-child(3) { animation-delay: 10s; }
.carousel.slides-3 .slide:nth-child(n + 4) { display: none; }
.carousel.slides-4 .slide { position: absolute; animation: carousel 20s infinite; opacity: 0; width: 100%; height: auto; }
.carousel.slides-4 .slide:nth-child(1) { animation-delay: 0s; }
.carousel.slides-4 .slide:nth-child(n + 5) { display: none; }
.carousel.slides-4 .slide:nth-child(2) { animation-delay: 5s; }
.carousel.slides-4 .slide:nth-child(n + 5) { display: none; }
.carousel.slides-4 .slide:nth-child(3) { animation-delay: 10s; }
.carousel.slides-4 .slide:nth-child(n + 5) { display: none; }
.carousel.slides-4 .slide:nth-child(4) { animation-delay: 15s; }
.carousel.slides-4 .slide:nth-child(n + 5) { display: none; }

.edit-link { font-size: 1em; color: #222222; }

.anchorjs-link { font-size: 1em; color: #222222; }

.search-results .snippet .text { white-space: pre-wrap; }
.search-results span.marked-word { text-decoration: underline; }

.collapseModule [id^="collapseResult"].collapse:not(.show) { display: block; /* height = lineheight * no of lines to display */ height: 6em; overflow: hidden; }

.collapseModule [id^="collapseResult"].collapsing { height: 6em; }

.srpg-title { border: 1px solid rgba(76, 189, 236, 0.2); background-color: #4cbdec; color: #fff; }

.srpg-content { border-left: 1px solid rgba(76, 189, 236, 0.2); border-right: 1px solid rgba(76, 189, 236, 0.2); border-bottom: 1px solid rgba(76, 189, 236, 0.2); }
.srpg-content a { color: #4cbdec; }
.srpg-content a:hover, .srpg-content a:visited { color: #4cbdec; }

.intro-section { padding: 1.25rem 1.5rem 0.75rem; margin-bottom: 1.25em; background-color: #f4f5f7; }

.guide-section .sectionbody { display: flex; flex-wrap: wrap; }
.guide-section > *:first-child { margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: bold; }
.guide-section .sectionbody .paragraph:nth-child(odd) { padding-right: 0.5rem; }
.guide-section .sectionbody .paragraph:nth-child(even) { padding-left: 0.5rem; }
.guide-section .sectionbody .paragraph { max-width: 100%; box-sizing: border-box; }

.sect1.cards { text-align: center; }

.videoblock iframe { width: 100%; height: 216px; }

@media (min-width: 576px) { .intro-section { padding: 3rem 4rem 2rem; }
  .guide-section > *:first-child { margin-bottom: 2rem; }
  .guide-section .sectionbody .paragraph:nth-child(odd) { padding-right: 1rem; }
  .guide-section .sectionbody .paragraph:nth-child(even) { padding-left: 1rem; }
  .guide-section .sectionbody .paragraph { max-width: 50%; box-sizing: border-box; }
  .videoblock iframe { width: 100%; height: 297px; } }
@media (min-width: 768px) { .videoblock iframe { width: 768px; height: 420px; } }
.community-card { border: 1px solid #4cbdec; border-radius: 6px; width: 20rem; }
.community-card dt.hdlist1 { background-color: #4cbdec; padding: 0.75rem 1rem; color: white; }
.community-card dd .ulist ul { list-style: none; margin-left: 0; }
.community-card dd .ulist ul li:last-child p { font-weight: bold; }
.community-card dl dt { margin-bottom: 1em; }
.community-card dl dd { margin-right: 1.125em; }

.community-cards { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; }
.community-cards > *:first-child { width: 100%; }
.community-cards .community-card { margin: 1rem; }

body.book.toc2.toc-left pre.highlight { text-align: start; }
body.book.toc2.toc-left #header > *:nth-child(1) { display: none; }
body.book.toc2.toc-left #header > *:nth-child(2) { display: none; }
body.book.toc2.toc-left #content { margin-bottom: 5rem; }

@media (min-width: 768px) and (max-width: 1023px) { body.book.toc2.toc-left { display: grid; grid-template-rows: auto auto auto auto; grid-template-columns: 100%; padding-left: 0; }
  body.book.toc2.toc-left .website-navbar { max-width: 100vw; grid-row-start: 1; grid-column-start: 1; }
  body.book.toc2.toc-left #header { display: grid; grid-template-rows: 0 40px 1fr; grid-template-columns: 100%; align-self: start; grid-row-start: 2; grid-column-start: 1; }
  body.book.toc2.toc-left #header > *:nth-child(1) { grid-row-start: 1; grid-column-start: 1; }
  body.book.toc2.toc-left #header > *:nth-child(2) { grid-row-start: 2; grid-column-start: 1; }
  body.book.toc2.toc-left #header > *:nth-child(3) { grid-row-start: 3; position: relative; background-color: white; border: none; grid-column-start: 1; width: 100%; padding-right: 2rem; }
  body.book.toc2.toc-left #content { grid-row-start: 3; grid-column-start: 1; margin: 0; padding: 1.25em 1em 0; }
  body.book.toc2.toc-left #footer { max-width: 100vw; margin-left: 0; grid-row-start: 4; grid-column-start: 1; }
  body.book.toc2.toc-left #content, body.book.toc2.toc-left #header { max-width: 90em; } }
@media (min-width: 1024px) { body.book.toc2.toc-left { display: grid; grid-template-rows: auto 0 40px 1fr auto; grid-template-columns: 1fr calc(90em * 0.3) calc(90em * 0.7) 1fr; padding-left: 0; }
  body.book.toc2.toc-left .website-navbar { max-width: 100vw; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 5; }
  body.book.toc2.toc-left #header { display: grid; grid-template-rows: 0 40px 1fr; grid-template-columns: calc(90em * 0.3) calc(90em * 0.7 ); align-self: start; grid-row-start: 2; grid-row-end: 5; grid-column-start: 1; grid-column-end: 5; }
  body.book.toc2.toc-left #header > *:nth-child(1) { grid-row-start: 1; grid-column-start: 1; grid-column-end: 3; }
  body.book.toc2.toc-left #header > *:nth-child(2) { grid-row-start: 2; grid-column-start: 1; grid-column-end: 3; }
  body.book.toc2.toc-left #header > *:nth-child(3) { grid-row-start: 3; position: relative; background-color: white; border: none; grid-column-start: 1; grid-column-end: 2; width: 100%; padding-right: 2rem; }
  body.book.toc2.toc-left #content { grid-row-start: 4; grid-column-start: 3; margin: 0; padding: 1.25em 1em 0; }
  body.book.toc2.toc-left #footer { max-width: 100vw; margin-left: 0; grid-row-start: 5; grid-column-start: 1; grid-column-end: 5; }
  body.book.toc2.toc-left #content, body.book.toc2.toc-left #header { max-width: 90em; }
  body.book.toc2.toc-left #content { width: 55vw; } }
.edit-link { font-size: 1em; color: #222222; }

.anchorjs-link { font-size: 1em; color: #222222; }

.katacoda-links a { font-size: 20px; }

.katacoda-links a::after { font-family: FontAwesome; content: "\f144"; padding-left: 10px; }

@font-face { font-family: "Ubuntu"; src: url("website/assets/fonts/Ubuntu-Regular.woff2") format("woff2"), url("website/assets/fonts/Ubuntu-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: "Ubuntu"; src: url("website/assets/fonts/Ubuntu-Italic.woff2") format("woff2"), url("website/assets/fonts/Ubuntu-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; }

@font-face { font-family: "Ubuntu"; src: url("website/assets/fonts/Ubuntu-Bold.woff2") format("woff2"), url("website/assets/fonts/Ubuntu-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

body { overflow-x: hidden; }

* { font-family: Ubuntu; }

pre * { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }

.sect1 > *:first-child { margin-bottom: 2rem; }

/***************************** Utilities *******************************/
.hidden { display: none; }

.visible { visibility: visible; }

hr { display: none; }

.search-results hr { display: block; }

.bg-custom-blue { background-color: #4cbdec; }

@media (max-width: 768px) { .website-navbar > ul { z-index: 25; background-color: #4cbdec; position: absolute; top: 0; left: 0; flex-direction: column; width: 75%; height: 100vh; align-items: start; visibility: hidden; }
  .website-navbar > ul > li:first-child { margin-left: 60px; margin-top: 0; height: 50px; display: flex; align-items: center; visibility: visible; } }
.sect3 { margin-bottom: 50px; }

.sect3:last-of-type { margin-bottom: 0; }

.nav-footer { display: none; }

.menu-button { z-index: 30; background: transparent; border: none; }

.form-inline { z-index: 30; margin-left: auto; margin-right: 0.5rem; }

.custom-blue { color: #4cbdec; }

a { word-break: break-all; color: #4cbdec; text-decoration: none; line-height: inherit; }

.text-underline { text-decoration: underline; }

.cursor-pointer { cursor: pointer; }

.bg-ligthgray { background-color: #f0f0f0; }

.custom-col { display: flex; flex-direction: column; }

div.hr-2 { height: 2px; }

div.hr-3 { height: 3px; }

table { text-align: left; border: none; margin-top: 4.5em; display: block; overflow-x: auto; }

table.tableblock { margin-top: 1.25em; margin-bottom: 4.5em; }

tr:nth-child(even) { background-color: #f2f2f2; }

.overflow-x-auto { overflow-x: auto; }

.z-100 { z-index: 100; }

.z-50 { z-index: 50; }

.reset-bg-color { background-color: #fff; }

.custom-grey { color: rgba(43, 41, 45, 0.6); }

.literalblock pre, .listingblock pre { text-align: left; background: #eeeeee; }

/***** Buttons ******/
.btn * { font-weight: bold; text-decoration: none; width: fit-content; }

.btn a:hover { text-decoration: none; }

.btn.blue-button { background-color: #4cbdec; border-color: #4cbdec; color: white; }
.btn.blue-button * { color: white; }
.btn.blue-button p { margin: 0; }

.btn.white-button { background-color: #fff; border-color: lightgrey; color: #4cbdec; }
.btn.white-button * { color: #4cbdec; }
.btn.white-button p { margin: 0; }

/***** Landing page content ******/
#content { max-width: fit-content; padding-left: 0; padding-right: 0; }

/***** Solutions page content ******/
#content .sect1, #content #solutioncontent { max-width: 90em; padding-left: 2rem; padding-right: 2rem; }

@media screen and (min-width: 768px) { .sect1 { padding-bottom: 3rem; } }
@media screen and (min-width: 1025px) { body.book.toc2.toc-left { display: grid; grid-template-rows: auto 0 40px 1fr auto; grid-template-columns: calc(90em * 0.01) calc(90em * 0.20) calc(90em * 0.52) calc(90em * 0.01) calc(90em * 0.25); padding-left: 0; }
  body.book.toc2.toc-left .website-navbar { max-width: 100vw; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 7; }
  body.book.toc2.toc-left #header > :nth-child(3) { grid-row-start: 3; position: relative; background-color: white; border: none; grid-column-start: 1; grid-column-end: 2; width: 66%; padding-right: 2rem; }
  #toc .sectlevel1 > li > a::before { position: relative; top: 6px; content: url("/images/mdi_chevron-right-1@1x.png"); }
  #toc #actSectLev::before { content: var(--link-to-chevron); }
  #toc.toc2 .sectlevel3 { padding-left: 2.5em; }
  .sectlevel3 { max-width: 100%; top: 8.2%; position: fixed; left: 80%; margin-left: 3%; color: #555555; }
  .sectlevel3 li { margin: 9px 0 10px; }
  #toc .sectlevel3 .activeLine { color: #4cbdec; }
  body.book.toc2.toc-left #content { padding: 1.25em 1.75em 2em 0; }
  #toc .sectlevel3 .activeLine::before { position: relative; content: ''; display: inline-block; width: 3px; height: 32px; background: #4cbdec; top: 12px; left: -10px; margin-top: -20px; margin-right: -3px; }
  #content-caption-li { font-size: 18px; margin-bottom: 30px; margin-left: -8.2px; }
  #content-caption { font-weight: bold; }
  .sectlevel2 > li > a { margin-left: 8px; }
  body.book.toc2.toc-left #footer { max-width: 100vw; margin-left: 0; grid-row-start: 5; grid-column-start: 1; grid-column-end: 7; }
  .footnote { grid-row-start: 6; grid-column-start: 2; grid-row-end: 7; grid-column-end: 3; } }
.toc-root { display: none; }

h3, #toctitle, .sidebarblock > .content > .title { font-weight: bold; }

.white-button-overlay { visibility: hidden; min-height: 100px; display: inline-block; color: white; text-align: center; vertical-align: middle; background-color: #4cbdec; border-color: #4cbdec; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; margin-top: 0 !important; position: relative; z-index: 1000; }
.white-button-overlay:hover { visibility: visible; }
.white-button-overlay ul { margin-left: 0; margin-bottom: 0; }
.white-button-overlay ul *:nth-child(odd) { font-weight: bolder; word-break: break-word; }
.white-button-overlay ul *:nth-child(even) { font-weight: lighter; background-color: white; color: #4cbdec; padding: 5px; border-radius: .25rem; }
.white-button-overlay li { display: block; text-align: left; }

.overlay-trigger:hover ~ .white-button-overlay { visibility: visible; }

#website-navbar a.active:not(.image) { padding-bottom: 5px; border-bottom-color: #fff; border-bottom-width: 2px; border-bottom-style: solid; }

.internal { display: none; }

.internal-active { display: flex; margin-bottom: 16px; }
.internal-active .info { margin-right: 10px; border-right: solid #4cbdec 5px; padding-right: 5px; display: flex; flex-direction: column; }
.internal-active .info .infoText { text-align: center; display: none; }
.internal-active .info .infoImage { width: 50px; }
.internal-active .right .message { color: lightgray; }

.custom-card .ulist ul li:nth-child(4) { margin-top: 1rem; }

.custom-card .ulist ul li:nth-child(5) { margin-top: 1rem; }

/***** Cookie consent box *****/
#cookie-consent { position: fixed; bottom: 0; width: 33%; background: #23576e; color: white; padding: 1.25em; z-index: 11111; }
#cookie-consent .cookie-consent-buttons { text-align: right; margin-bottom: 0; }

@media screen and (max-width: 600px) { #cookie-consent { width: 100%; }
  #cookie-consent .cookie-consent-buttons { text-align: left; } }