.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: inherit;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: inherit;
}

.navbar-default
{
    background-color: white;
    border-color: rgba(34, 34, 34, 0.05);
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
}

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
    color: #F05F40 !important;
    background-color: transparent;
}

@media (min-width: 768px) {
    .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
        color: rgba(255, 255, 255, 0.7);
    }
}
.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #222222;
}

.text-faded { color: rgba(255, 255, 255, 0.7); }

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

section {  padding: 100px 0;  }


.box { border-radius: 18px;padding:20px;border:1px solid #243353;width:100%; }
section
{
  &:nth-child(odd) { background-color: #0A1224; }
  &:nth-child(even) { background-color: #13203B; }
}
section:nth-child(odd) .box {  background-color: #13203B;  }
section:nth-child(even) .box {  background-color: #0A1224;  }


a { color:inherit; }


.nav { }
@media (min-width: 768px) { .nav { display:flex;align-items: center;  } }
@media (min-width: 768px) { .navbar-nav { height:50px; } }
@media (min-width: 768px) { .sep::before { content:"|"; padding-right:0px; } }
.nav>li>a {    position: relative;  display: inline-block;    padding: 10px 15px; }
.navbar-default .nav > li > a {color: #929292 !important;}
.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus
{
  color: #ccc !important;
  background-color: transparent;
}
.navbar-default .nav > li > a:hover {color: rgb(255, 255, 255) !important;}

.nav_title {  }
@media (max-width: 768px) { .nav_title { margin-left:20px; } }


sup {  }

.ol2 { counter-reset: list; }
.ol2 > li:before
{
content: "[" counter(list) "] ";
counter-increment: list;
}
.ol2 > li { margin-top:6px; }


.ol1  { counter-reset: list; padding-left:40px; }
.ol1 > li:before
{
content: counter(list) " / ";
counter-increment: list;
color:#F0A64E;
}

.idviu_tm { color:#F0A64E;font-weight: 900; }
.streambrick_tm { font-weight: 900;color:#F0A64E;font-family: comfortaa; }

.navbar-default .nav > li > a { color:rgba(255,255,255,0); }
.navbar { border:1px solid rgba(255,255,255,0); }

@media only screen and ( max-width:700px ) { .navbar-toggle{background-color: rgb(28, 43, 75); color:white !important;} }

.btn1
{
height: 46px; padding: 0px 20px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-comfortaa), ui-rounded, system-ui, sans-serif; font-size: 14.5px; font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap; border: 1px solid rgb(36, 51, 83); box-sizing: border-box; --btn-hover-bg: rgba(255,255,255,0.04); background: rgb(28, 43, 75); color: rgb(232, 238, 250); width: 100%;
max-width: 280px;
}

.btn1:hover { background-color:#F0A64E ;text-decoration: none;color:white; }

a:hover { color:#F0A64E; }
a:focus { color:#F0A64E;text-decoration: none; outline:none; }

.pricing-header { font-size:1.4em;border-bottom:  solid #2B3F66;padding-bottom: 20px; margin-bottom:20px; }

.bullet_module { -width:90px;display:inline-block; margin-right:12px;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;font-size:13px;letter-spacing:0.04em;color:#F0A64E }

.bullet1  { -list-style-type: none; padding-left: 26px; }
.bullet1  li::marker
{
  color:#F0A64E;
  /* content:"·   "; */
  margin-right:12px;
}


.bullet3  { list-style-type: none; }
.bullet3 li { display:flex;gap:12px;align-items:center; -line-height: 2.4em; margin-top:12px; }


.bullet2  {  }
.bullet2 
{
  -list-style-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6.2l2.3 2.3L9.5 3.5"></path></svg>');
  -list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23808"><path d="M18 4c-4-1-6 3-6 3s-2-4-6-3-4 6-2 8l8 8 8-8c2-2 2-7-2-8z"></path></svg>');
  list-style-image:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="%23F0A64E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="12" height="12" style="fill:rgba(240,166,78,0.14);stroke-width:0;stroke:rgb(32, 33, 49)" /><path d="M2.5 6.2l2.3 2.3L9.5 3.5"></path></svg>');
}
.bullet2_X li::marker
{
  width:20px;height:20px;flex-shrink:0;border-radius:6px;background:rgba(240,166,78,0.14);color:#F0A64E;display:flex;align-items:center;justify-content:center;          
}
.bullet2 li::marker
{
  font-size:2.4em;
}
.bullet2 li { -display:flex;gap:12px;align-items:center; }


.commandlines p { font-family: 'Courier New', Courier, monospace; margin:6px; color:rgb(51, 168, 55);  }
.commandlines p::before { content: ">"; color:rgb(34, 116, 37);  margin-right:12px; }
.commandlines > .comment { -padding-left:20px; margin:6px; }
.commandlines > .comment::before { content: "# "; color:rgb(34, 116, 37); margin-right:12px; }

.indented { padding-left:20px; }
.indented::first-line { padding-left:0; }

.section_header {  margin-top:30px; margin-bottom:50px;   }



.flexcol { display:flex; flex-grow:1; flex-direction: row; justify-content: space-between; gap:30px; }
@media only screen and ( max-device-width:700px ) { .flexcol { flex-direction: column;  } }
.container::before { display:none; }
.container::after { display:none; }


.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 28px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    /* position: absolute; */
    /* margin-top: 4px; */
    margin-left: -24px;
}



/* -------------------------------------------------------------------------- */

/* documentation */


.wcolumn::-webkit-scrollbar { }
.wcolumn::-webkit-scrollbar-track { }
.wcolumn::-webkit-scrollbar-thumb { }
.wcolumn::-webkit-scrollbar-thumb:hover { }
/* For Firefox (limited support) */
.wcolumn
{
  overflow-y: scroll; 
  padding: 50px 20px 50px;
  scrollbar-width: thin; /* "auto" or "thin" */
  scrollbar-color: #888 #222; /* Thumb color, Track color */
}
.wcolumn.left
{
  -border-right: 1px solid #888;
  -background-color: #13203B;
}

@media only screen and ( max-device-width:700px )
{
  .wcolumn.left { display:none; }  
}

.menu h1
{
  color:white;
  font-size:14px;
  margin-top: 30px;
}
.menu h1:first-child { margin-top:0; }
.menu a { text-decoration: none; color:inherit; }

.bullet11
{
  list-style-type: none;
  padding-left: 8px;
  list-style-position: inside;
  border-left:1px solid white;
  border-left-color: oklch(0.279 0.041 260.031);
}
.bullet11  ul
{
  list-style-type: none;
  margin-left: 10px;
  padding-left: 8px;
  border-left:1px solid white;
  border-left-color: oklch(0.279 0.041 260.031);
}
.bullet11  li::marker
{
  color:#F0A64E;
  /* content:"·   "; */
  margin-right:12px;
  border-right: 1px white solid;
}
.bullet11  li
{
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.bullet11 li.active
{
  color: oklch(68.5% .169 237.323);
  -border-color: oklch(68.5% .169 237.323);
  -list-style-type:disc;
}
.bullet11  li:hover
{
  -border-color: white;
  color: oklch(86.9% .022 252.894)
}
.bullet11 li.active::marker
{
  color: oklch(68.5% .169 237.323);
}

.doc_content h1 { color:oklch(68.5% .169 237.323); font-size:1.3em;margin-bottom:10px;margin-top:60px;}
.doc_content h1:first-child { margin-top:0px;}

.doc_content h2 { color:white; font-size:1.6em;margin-bottom:40px;margin-top:30px;}
.doc_content h2:first-child { margin-top:0px;}



/* -------------------------------------------------------------------------- */