@charset "UTF-8";
/*!
 * Copyright 2014-2022 Intermorphic Ltd.
 */
/*subnav for mobile only*/
/*requires: <div id="header" class="sticky-md-top">*/
/*requires: <nav class="bd-subnavbar py-2 bg-blue d-xs-block d-md-none"*/
/*requires:container-xxl my-md-2*/
/*requires: data-bs-offset="90"*/
/*requires: scroll-padding-top: 90px*/
/*requires: id="content" class="bd-main order-1 pt-2"*/
/*requires: top: 5.8rem;*/
@media (min-width: 768px) {
  html {
    scroll-padding-top: 90px !important; /*20314 - desktop sticky responsive header*/
  }
}
body {
  position: relative;
  overflow-y: auto;
}
/*Site main colours
------------------------------------*/
header.navbar {
  background-color: #F9FCFF !important;
  border-bottom: 1px solid #eee;
}
.bd-footer {
  background-color: #eee !important;
}
a {
  color: #0066cc;
  text-decoration: none
}
a:hover {
  text-decoration: underline;
}
a button {
  color: #0066cc !important;
}
.bd-sidebar-toggle svg.bi {
  fill: #0066cc;
}
.btn-bd-download {
  border-color: #58c51f;
  margin-left: 3px;
  padding: 0.3rem !important;
}
.btn-bd-download.download {
  /*background-color: #eee;*/
  background-color: #0066cc;
  background-color: #58c51f;
  border-color: #3FAC06;
  color: #fff !important;
}
.btn-bd-download.version {
  background-color: #0d6efd;
  border-color: #0b5ed7;
  color: #fff !important;
}
.btn-bd-download.download a, .btn-bd-download.version i {
  color: #fff !important;
}
.btn-bd-download.download:hover, .btn-bd-download.download:active {
  background-color: #3FAC06 !important;
  opacity: 0.95;
}
.btn-bd-download.version:hover, .btn-bd-download.version:active {
  background-color: #0b5ed7 !important;
  opacity: 0.95;
}
/*Site headings
------------------------------------*/
h1 {
  padding-top: 0px;
}
@media (max-width: 992px) {
  h1 {
    padding-top: 10px;
  }
  .col1 h1 {
    padding-top: 25px;
  }
}
h2 {
  padding-top: 5px;
}
.bd-intro h2 {
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0.5em;
}
.home .bd-intro h2 {
  font-size: 1.6em;
}
@media (min-width: 768px) and (max-width: 992px) {
  .guide #overview { /*Stop big margin some screen sizes wrt User Guide*/
    margin-top: 0 !important;
  }
}
/*Site fonts
------------------------------------*/
.fs-7 {
  font-size: 0.8em; /*small font tag*/
}
.fs-8 {
  font-size: 0.5em !important; /*small font tag*/
}
.fs-6px {
  font-size: 6px !important; /*small font tag*/
}
.fs-ugm {
  font-size: 1em !important; /*user guide menu font tag*/
}
aside .fw-600 {
  font-weight: 600 !important; /*user guide menu font tag*/
}
.toc .fw-600 {
  font-weight: 600 !important; /*user guide menu font tag*/
}
.strikethrough {
  text-decoration: line-through;
}
@media (max-width: 768px) { /*How to size all text wrt screen size*/
  #featureset td, #tutorials-table td {
    font-size: 1.5vmax;
  }
  #tutorials-table li.fs-4 {
    font-size: 2vmax !important;
  }
  .ffavp table td, .ffavp table th, .releases table td, table.variants td, .wse-obj td, .wse-obj th .wse-preset, .paks table td, .paks table th, .paks table tr, .paks table a, .table.responsive td {
    font-size: 1.5vmax !important;
    margin: 2px !important;
    padding: 2px !important;
  }
  .downloads table td {
    font-size: 2vmax !important;
    margin: 2px !important;
    padding: 2px !important;
  }
  .downloads h2 {
    font-size: 3vmax !important;
  }
  .downloads h4 {
    font-size: 2.4vmax !important;
  }
  .downloads h4 span {
    display: block;
    padding-top: 5px;
    margin-left: 0;
    padding-left: 0 !important;
    font-size: 1.9vmax !important;
  }
}
/*Site icons
------------------------------------*/
.nav-item, .wjicon {
  display: flex;
  align-items: center;
  vertical-align: middle;
}
.nav-item a svg, .wjicon {
  margin-right: 3px;
}
img.icon-im {
  margin-right: 6px;
}
main h1 i, main h2 i, main h3 i {
  margin-right: 10px !important;
}
a i, p i, .bd-links a i, .bd-sidebar button i, li i {
  margin-right: 4px;
}
/*Site header
------------------------------------*/
#bdNavbar .btn {
  height: 34px !important;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .nav-item .menu-txt-hide-se { /*prevent menu wrapping because of 'search'*/
    /*display: none;*/
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .nav-item .menu-txt-hide-t { /*prevent menu wrapping because of 'translate'*/
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .nav-item .menu-txt-hide-a { /*prevent menu wrapping because of 'about'*/
    /*display: none;*/
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .nav-item .menu-txt-hide-sh { /*prevent menu wrapping because of 'about'*/
    /*display: none;*/
  }
}
/*Site navbar
------------------------------------*/
.bd-navbar .navbar-nav .nav-link {
  padding-right: 0.4rem !important;
  padding-left: 0.4rem !important;
  margin-right: 0.6rem;
  margin-left: 0.6rem;
}
.bd-navbar .navbar-nav .nav-link.social {
  padding-right: 0.3rem !important;
  padding-left: 0.3rem !important;
  margin-right: 0.3rem;
  margin-left: 0.3rem;
}
.bd-navbar .navbar-nav .nav-link.social i {
  margin-right: 0;
}
@media (max-width: 1100px) {
  .bd-navbar .navbar-nav .nav-link {
    padding-right: 0.265rem !important;
    padding-left: 0.265rem !important;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
}
@media (max-width: 992px) {
  .bd-navbar .navbar-nav .nav-link {
    padding-right: 0.2rem !important;
    padding-left: 0.2rem !important;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
  }
}
@media (max-width: 820px) {
  .bd-navbar .navbar-nav .nav-link {
    padding-right: 0.04rem !important;
    /* padding-left: 0.04rem !important;*/
    /* margin-right: 0rem;*/
    margin-left: 0rem;
    margin-bottom: 5px;
    /*230109 W23 mobile top menu*/
    width: 100%;
    padding-left: 0px !important;
    margin-right: 8px; /*230501 10px*/
    text-align: center;
  }
  .bd-navbar .navbar-nav .nav-link.social svg, .bd-navbar .navbar-nav .nav-link.social span {
    /*230109 W23 mobile top menu, tw+fb*/
    padding-left: 0px !important;
    margin-left: 0px !important;
    float: none !important;
  }
}
.bd-navbar .navbar-nav .nav-link {
  /*padding-right: .25rem;
    padding-left: .25rem;*/
  /*color: rgba(0, 102, 204, 0.9);*/
  /*color: rgba(00, 128, 255, 0.9);*/
  /*color: rgba(128, 128, 128, 0.9);*/
  /*background-color: #fafafa;*/
  /*background-color: #EFF8FF;*/
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.active { /*header*/
  color: rgba(0, 102, 204, 0.9);
  text-decoration: underline;
  /*background-color: #f3f3f3;*/
  background-color: #EEF6FE;
  border-radius: 10px;
}
.bd-subnavbar {
  background-color: rgba(220, 220, 220, 0.9);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}
.bd-subnavbar img {
  margin-right: 4px;
}
.bd-links li li {
  list-style-type: none;
}
.bd-links a {
  margin-left: 0rem !important;
}
.bd-links ol, .bd-links ul {
  padding-left: 1.4rem;
}
#latest, #latest-sm {
  margin: 0;
  padding: 0;
}
li .divider {
  line-height: 3px !important;
  height: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
}
/*Site Scroll to top (myBtn) / back (byBtn)
------------------------------------*/
#myBtn, #myBtnLg, #byBtn, #byBtnLg {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 25px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #999;
  color: white;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 12px;
}
#myBtn:hover, #myBtnLg:hover, #byBtn:hover, #byBtnLg:hover {
  background-color: #555;
}
#byBtn, #byBtnLg {
  right: 60px;
}
/*Site main content
------------------------------------*/
.bd-content h3 { /*fixes heading offsets*/
  margin-top: 2rem;
}
.bd-content > span > h2:not(:first-child), .bd-content > div > h2:not(:first-child) { /*fixes heading offsets*/
  margin-top: 3rem;
}
/*Site grid
------------------------------------*/
@media (min-width: 768px) {
  .bd-layout {
    /*grid-template-columns: 4fr; tc*/ /*WAS 1fr 3fr*/
    grid-template-columns: 1.1fr 3fr;
  }
}
@media (min-width: 992px) {
  .bd-layout {
    /*grid-template-columns:*/ /*4fr; tc*/ /*WAS 1fr 5fr;*/
    grid-template-columns: 1.6fr 6fr;
  }
}
.col1 .bd-layout {
  grid-template-columns: 0fr 4fr;
}
@media (min-width: 992px) {
  .bd-main {
    grid-template-areas: "intro toc""content toc";
    grid-template-columns: 11fr 1fr;
    grid-template-rows: auto 1fr;
  }
}
@media (min-width: 768px) {
  .bd-links {
    top: 4rem;
    top: 5.8rem; /*220314 - desktop sticky responsive header*/
  }
}
@media (max-width: 1200px) {
  .bd-links ol, .bd-links ul { /*mostly fixes sidebar list item padding for smaller screen*/
    padding-left: 1rem;
  }
}
/*Site Scrollspy
------------------------------------*/
#side-menu {
  position: relative;
}
/*Lists & tables
------------------------------------*/
.list-group {
  list-style-type: none;
}
.list-group a {
  border: none;
}
.list-group-item-action {
  width: auto;
}
.list-group-item.active {
  background-color: #0066cc;
  border-color: none;
  color: #fff;
}
table a.list-group-item {
  padding: 3px;
  border: none;
}
table.toc a.list-group-item {
  padding: 5px 0px;
  border: none;
  text-decoration: underline;
}
table.variants ul {
  padding-left: 1.5em;
}
table.variants p {
  padding-left: 0.5em;
}
aside a.list-group-item {
  background-color: rgba(0, 0, 0, 0);
}
/*Home
------------------------------------*/
.home a .btn, a .btn-download {
  color: white !important;
}
.btn-download i {
  margin-right: 0 !important;
}
.btn-download {
  background-color: #58c51f !important;
}
.btn-archive {
  background-color: #dddddd !important;
}
.btn-download:hover {
  background-color: #3FAC06 !important;
}
.btn-archive:hover {
  background-color: #cccccc !important;
}
/*Learn
------------------------------------*/
.bd-sidebar .tar-n { /*Show target tag*/
  display: none !important;
}
.bd-content .tar-y { /*Hide target tag*/
  display: none !important;
}
#tutorials-table .section {
  margin-left: 0 !important;
}
@media (max-width: 768px) {
  .tutorial .btn.version {
    display: none;
  }
}
/*News
------------------------------------*/
ul.newslist {
  padding-left: 0px;
  list-style: none;
}
ul.newslist ul {
  padding-left: 24px;
  /*padding-bottom: 10px;*/
}
ul.newslist > li {
  font-weight: bold;
  color: #555;
  padding-bottom: 10px;
}
ul.newslist ul > li {
  font-weight: normal;
}
ul.newslist p {
  margin: 3px inherit;
}
.news.today .year {
  display: none;
}
.news.archive .year, .year {
  color: #666666;
  font-weight: bold;
  margin-right: 5px;
}
.news.releases ul.newslist > li {
  font-weight: normal;
  color: #555;
  padding: 5px inherit;
}
.news ul.newslist span.date {
  padding-right: 5px !important;
}
.news main li .version, .news main li .version a { /*news list version number*/
  color: green;
  text-decoration: underline;
}
/*Site Badges & Updates
------------------------------------*/
#header .header-news, .news .badge, .blog .badge, .new-version, .releases .badge {
  display: none; /*Don't show badge by default*/
}
.downloads .badge {
  display: inline-block;
}
.bd-content .badge {
  margin-left: 5px;
}
.new-item {
  display: inline-block !important; /*Show badge if js says to*/
  /*background-color: #d4af37 !important;*/ /* #d4af37 Gold*/ /* #00dd00 Green*/ /*#821d85 Violet */ /*Dark green #006400*/
  background-color: #006400 !important;
  /*background-color: #FFCA28 !important;*/ /*Submitted*/
}
.vimportant { /*For something v important*/
  background-color: #f00 !important;
}
button.version {
  margin-right: 0px;
  padding-right: 0;
  padding-bottom: 2px;
}
button.guide {
  margin-right: 0px;
  padding-right: 0;
}
button.bd-sidebar-toggle {
  margin-left: 15px;
}
.version iframe {
  position: relative;
  top: 0px;
}
#header .version i { /*fixes the version number position*/
  margin-right: 0px !important;
}
#header iframe { /*fixes the version number position*/
  padding-top: 1px !important;
  margin-top: 0px !important;
}
@media (max-width: 768px) { /*fixes the version number position*/
  #header iframe {
    padding-top: 1px !important;
  }
  #header .version i {}
}
/*Breadcrumb
------------------------------------*/
ol.breadcrumb {
  margin-bottom: 0;
  vertical-align: middle;
  line-height: 2rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.3rem;
}
@media (max-width: 320px) {
  .breadcrumb .vs-hide {
    display: none;
  }
}
/*BD Sidebar Styling
------------------------------------*/
.nodropbutton .bd-sidebar-toggle, .nodownloadbutton .btn-bd-download {
  display: none !important;
}
.nosearch button.version {
  width: 100%;
}
.nosearch button.version a {
  float: right;
}
button.version img {
  opacity: 0.55;
}
.nosubnavbar .bd-subnavbar {
  display: none;
}
.nosubnavbar .bd-layout {
  padding-top: 1rem;
}
@media (max-width: 768px) {
  #search-input .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box, .gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box-focus, .gsc-control-cse, .gsc-control-cse-en {
    width: 180px;
  }
}
/*Site Help section Sidebar
------------------------------------*/
.help .bd-links ol, .help .bd-links ul {
  padding-left: 0.5rem;
}
/*Contents Tables
------------------------------------*/
.table.toc th:first-child, .table.toc td:first-child {
  padding-left: 1rem; /*fixes first col padding for wrapper-ug*/
}
.table.toc > :not(caption) > * > * { /*fixes first col padding for wrapper-ug*/
  padding: .5rem .5rem !important;
}
.guide .table.toc ol, .guide .table.toc ul, .help .table.toc ol, .help .table.toc ul { /*fixes first col padding for wrapper-ug*/
  padding-left: 1rem;
}
.table.toc ul li ul {
  padding-left: 1.4rem;
  /*display:none;*/ /*Used to hide sub-items*/
}
.table.toc li a span { /*fixes underline on responsive shortened text*/
  text-decoration: underline;
}
.guide .table.toc tbody tr td, .help .table.toc tbody tr td, .legal .table.toc tbody tr td, .learn .table.toc tbody tr td {
  width: 33% !important;
}
.table.toc tbody tr td ul li {
  width: 100% !important;
  display: inline-block;
}
@media (max-width: 568px) {
  .guide .table.toc ol, .guide .table.toc ul, .help .table.toc ol, .help .table.toc ul, .help .table.toc td { /*fixes first col padding for wrapper-ug*/
    padding-left: 0.2rem !important;
  }
}
/*Downloads Tables
------------------------------------*/
.table.dl tbody tr td ul li {
  width: 100% !important;
  display: inline-block;
  padding-left: 5px;
}
.table.dl ul li ul {
  padding-left: 0;
  /*display:none;*/ /*Used to hide sub-items*/
}
.downloads .offer {
  font-size: 0.4em;
}
/*Releases Table
------------------------------------*/
.table.releases tbody tr td {
  width: 16.67%;
  padding-right: 0 !important;
}
.table.releases th, .table.releases td {
  padding-left: 0.2rem !important; /*fixes first col padding for wrapper-ug*/
}
table.releases th {
  font-size: 1.1em;
  padding-right: 0 !important;
}
.table.releases table.release td {
  width: auto;
  padding-right: 0 !important;
}
.release .version {
  font-size: 1.2em;
}
.release .spacer {
  height: 10px;
}
.release .status {
  width: 4px !important;
}
.releases .key.available, .releases .key.submitted, .releases .key.soon {
  font-size: 0.38em;
}
.releases .available {
  background-color: #50C878; /*greem*/
}
.releases .submitted {
  background-color: #FFCA28; /*gold*/
}
.releases .soon {
  background-color: #E97451; /*red*/
}
@media (max-width: 568px) {
  .table.releases th {
    padding-left: 4px !important;
  }
  .table.releases th {
    font-size: 1em !important;
  }
}
/*User Guide & Tutorials
------------------------------------*/
#guide {
  height: 85vh;
}
.guide dd li {
  font-style: italic;
  font-weight: 600;
  margin-bottom: 10px;
}
.guide dd li li {
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0px;
}
.guide .tutorial {
  background-color: palegreen;
  padding: 0.2em;
  margin-top: 10px;
  margin-left: 0;
}
.guide dt span i.bi {
  font-weight: bold;
  margin-right: 5px;
  color: #3399ff;
}
.guide .bd-layout ul li {
  margin-bottom: 5px;
}
.guide .li-1-b ul > li {
  font-weight: bold;
}
.guide .li-1-b ul > li > ul > li {
  font-weight: normal;
}
.obs {
  display: none;
}
@media (min-width: 992px) { /*maximizes video size on large screens*/
  .tutorials video {
    width: 860px;
  }
  .ratio {
    width: 900px;
  }
}
@media (max-width: 568px) {
  .guide dt em {
    font: 14px Arial, sans-serif;
    width: 1.2em;
    height: 1.2em;
    line-height: 1.2em;
    margin-right: 5px;
    margin-left: -2px;
  }
  .guide #content ol, .guide #content ul {
    padding-left: 10px;
    margin-left: 5px;
  }
  .row.svg .col-12 { /*max size schematic*/
    padding: 0 !important;
  }
}
/*User Guide colours
------------------------------------*/
.nr em, .nb em, .ng em, .nwme em, .nwae em {
  display: inline-block;
  box-sizing: initial;
  background: #fff;
  border: 0.1em solid #333;
  color: #333;
  text-align: center;
  border-radius: 50%;
  box-sizing: content-box;
  font: 11px Arial, sans-serif;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.7em;
  margin-right: 3px;
  margin-left: 0px;
}
.guide dt em { /*Overides the above for DT elements*/
  font-size: 16px;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  margin-right: 5px;
  margin-left: -2px;
}
.nc, .nc-small {
  display: inline-block;
  font: 20px Arial, sans-serif;
  width: 1.4em;
  height: 1.4em;
  box-sizing: initial;
  background: #fff;
  border: 0.1em solid #333;
  color: #333;
  text-align: center;
  border-radius: 50%;
  line-height: 1.4em;
  box-sizing: content-box;
  margin-right: 5px;
}
.nc-small {
  font: 11px Arial, sans-serif;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin-right: 2px;
}
.guide em em { /* space the small schematic buttons */
  margin-right: 2px;
  margin-left: 4px;
}
.guide dt em em { /* don't space the big schematic buttons */
  margin-right: 0;
  margin-left: 0;
}
/*Colours*/
.param-values, .param-default {
  color: #770000;
  font-weight: 500;
  font-style: italic;
}
.param-default {
  color: #222;
  font-weight: 400;
}
.ncblue {
  color: #00f;
  border: 0.1em solid #00f;
  background-color: rgba(0, 0, 255, 0.1);
}
.ncwme {
  color: #3399ff;
  border: 0.1em solid #3399ff;
  background-color: rgba(51, 153, 255, 0.1);
}
.ncwae {
  color: #9d20ff;
  border: 0.1em solid #9d20ff;
  background-color: rgba(157, 32, 255, 0.1);
}
.ncgrey {
  color: #333;
  border: 0.1em solid #333;
  background-color: rgba(70, 70, 70, 0.1);
}
.ncred {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(255, 0, 0, 0.1);
}
.ncteal {
  color: #028582;
  border: 0.1em solid #028582;
  background-color: rgba(2, 133, 130, 0.1);
}
.ncorange {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(255, 119, 0, 0.1);
}
.ncgreen {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(88, 197, 31, 0.1);
}
.nr {
  color: #f00;
  font-style: normal;
}
.nr em {
  color: #f00;
  border: 0.1em solid #f00;
  background-color: rgba(255, 0, 0, 0.1);
}
.nb {
  color: #333;
  font-style: normal;
}
.nb em {
  color: #00f;
  border: 0.1em solid #00f;
  background-color: rgba(0, 0, 255, 0.1);
}
.ng {
  color: #333;
  font-style: normal;
}
.ng em {
  color: #333;
  border: 0.1em solid #333;
  background-color: rgba(70, 70, 70, 0.1);
}
.nwme {
  color: #3399ff;
  font-style: normal;
}
.nwme em {
  color: #3399ff;
  border: 0.1em solid #3399ff;
  background-color: rgba(51, 153, 255, 0.1);
}
.nwae {
  color: #9d20ff;
  font-style: normal;
}
.nwae em {
  color: #9d20ff;
  border: 0.1em solid #9d20ff;
  background-color: rgba(157, 32, 255, 0.1);
}
.wae-mo1 {
  background-color: rgba(2, 133, 130, 1);
  /*background-color: #028582;*/
}
.card.wae-mo1 {
  background-color: rgba(2, 133, 130, 0.1);
}
.wae-ds {
  background-color: rgba(171, 174, 52, 1);
  /*background-color: #abae34;*/
}
.card.wae-ds {
  background-color: rgba(171, 174, 52, 0.1);
}
.wae-osc {
  background-color: rgba(54, 181, 232, 1);
  /*background-color: #36b5e8;*/
}
.card.wae-osc {
  background-color: rgba(54, 181, 232, 0.1);
}
.wae-par {
  background-color: rgba(251, 50, 72, 1);
  /*background-color: #fb3248;*/
}
.card.wae-par {
  background-color: rgba(251, 50, 72, 0.1);
}
.wae-wt {
  background-color: rgba(159, 39, 254, 1);
  /*background-color: #9f27fe;*/
}
.card.wae-wt {
  background-color: rgba(159, 39, 254, 0.1);
}
.wae-amp {
  background-color: rgba(169, 100, 74, 1);
  /*background-color: #a9644a;*/
}
.card.wae-amp {
  background-color: rgba(169, 100, 74, 0.1);
}
.wae-cho {
  background-color: rgba(190, 191, 47, 1);
  /*background-color: #bebf2f;*/
}
.card.wae-cho {
  background-color: rgba(190, 191, 47, 0.1);
}
.wae-com {
  background-color: rgba(45, 175, 190, 1);
  /*background-color: #2dafbe;*/
}
.card.wae-com {
  background-color: rgba(45, 175, 190, 0.1);
}
.wae-del {
  background-color: rgba(48, 210, 114, 1);
  /*background-color: #30d272;*/
}
.card.wae-del {
  background-color: rgba(48, 210, 114, 0.1);
}
.wae-dis {
  background-color: rgba(184, 81, 195, 1);
  /*background-color: #b851c3;*/
}
.card.wae-dis {
  background-color: rgba(184, 81, 195, 0.1);
}
.wae-eq {
  background-color: rgba(81, 107, 246, 1);
  /*background-color: #516bf6;*/
}
.card.wae-eq {
  background-color: rgba(81, 107, 246, 0.1);
}
.wae-fil {
  background-color: rgba(75, 117, 39, 1);
  /*background-color: #4b7527;*/
}
.card.wae-fil {
  background-color: rgba(75, 117, 39, 0.1);
}
.wae-od {
  background-color: rgba(156, 52, 83, 1);
  /*background-color: #9c3453;*/
}
.card.wae-od {
  background-color: rgba(156, 52, 83, 0.1);
}
.wae-rev-1 {
  background-color: rgba(253, 113, 40, 1);
  /*background-color: #fd7028;*/
}
.card.wae-rev-1 {
  background-color: rgba(253, 113, 40, 0.1);
}
.wae-rev-2xl {
  background-color: rgba(255, 183, 0, 1);
  /*background-color: #ffb700;*/
}
.card.wae-rev-2xl {
  background-color: rgba(255, 183, 0, 0.1);
}
.wae-ps {
  background-color: rgba(255, 153, 255, 1);
  /*background-color: #ff99ff;*/
}
.card.wae-ps {
  background-color: rgba(255, 153, 255, 0.1);
}
.wae-env {
  background-color: rgba(230, 30, 158, 1);
  /*background-color: #e61e9e;*/
}
.card.wae-env {
  background-color: rgba(230, 30, 158, 0.1);
}
.wae-lfo {
  background-color: rgba(74, 102, 200, 1);
  /*background-color: #4a66c8;*/
}
.card.wae-lfo {
  background-color: rgba(74, 102, 200, 0.1);
}
.wae-rnd {
  background-color: rgba(90, 179, 52, 1);
  /*background-color: #5ab334;*/
}
.card.wae-rnd {
  background-color: rgba(90, 179, 52, 0.1);
}
.wae-jun {
  background-color: rgba(205, 205, 205, 1);
  /*background-color: #cdcdcd;*/
}
.card.wae-jun {
  background-color: rgba(205, 205, 205, 0.1);
}
:root {
  --wme-generator: 200, 200, 200; /*#f37e2f*/
  --wme-rhythmic: 243, 126, 47; /*#f37e2f*/
  --wme-ambient: 99, 192, 241; /*#63c0f1*/
  --wme-sequence: 234, 234, 234; /*#40E0D0*/
  --wme-seq-euclidian: 64, 224, 208; /*#40E0D0*/
  --wme-seq-ttm: 68, 153, 24; /*#449918*/
  --wme-seq-pattern-r: 238, 130, 238; /*#ee82ee*/
  --wme-seq-pattern-b: 237, 78, 173; /*#ed4ead*/
  --wme-seq-pattern-f: 221, 160, 221; /*#dda0dd*/
  --wme-follower: 186, 69, 255; /*#BA45FF #D35EFF #9d32f3*/
  --wme-repeater: 250, 253, 83; /*fafd53*/
  --wme-listener: 153, 153, 153; /*#999999*/
  --wme-pattern: 231, 87, 181; /*#e757b5*/
  --wme-parameter: 51, 153, 255; /*#3399ff*/
  --wae-parameter: 157, 32, 255; /*#9d20ff*/
  --amax: 1;
  --amin: 0.1;
}
.wme-generator {
  background-color: rgba(var(--wme-generator), var(--amax));
}
.card.wme-generator {
  background-color: rgba(var(--wme-generator), var(--amin));
}
.wme-rhythmic {
  background-color: rgba(var(--wme-rhythmic), var(--amax));
}
.card.wme-rhythmic {
  background-color: rgba(var(--wme-rhythmic), var(--amin));
}
.wme-ambient {
  background-color: rgba(var(--wme-ambient), var(--amax));
}
.card.wme-ambient {
  background-color: rgba(var(--wme-ambient), var(--amin));
}
.wme-sequence {
  background-color: rgba(var(--wme-sequence), var(--amax));
}
.card.wme-sequence {
  background-color: rgba(var(--wme-sequence), var(--amin));
}
.wme-seq-euclidian {
  background-color: rgba(var(--wme-seq-euclidian), var(--amax));
}
.card.wme-seq-euclidian {
  background-color: rgba(var(--wme-seq-euclidian), var(--amin));
}
.wme-seq-ttm {
  background-color: rgba(var(--wme-seq-ttm), var(--amax));
}
.card.wme-seq-ttm {
  background-color: rgba(var(--wme-seq-ttm), var(--amin));
}
.wme-seq-pattern-r {
  background-color: rgba(var(--wme-seq-pattern-r), var(--amax));
}
.card.wme-seq-pattern-r {
  background-color: rgba(var(--wme-seq-pattern-r), var(--amin));
}
.wme-seq-pattern-b {
  background-color: rgba(var(--wme-seq-pattern-b), var(--amax));
}
.card.wme-seq-pattern-b {
  background-color: rgba(var(--wme-seq-pattern-b), var(--amin));
}
.wme-seq-pattern-f {
  background-color: rgba(var(--wme-seq-pattern-f), var(--amax));
}
.card.wme-seq-pattern-f {
  background-color: rgba(var(--wme-seq-pattern-f), var(--amin));
}
.wme-follower {
  background-color: rgba(var(--wme-follower), var(--amax));
}
.card.wme-follower {
  background-color: rgba(var(--wme-follower), var(--amin));
}
.wme-repeater {
  background-color: rgba(var(--wme-repeater), var(--amax));
}
.card.wme-repeater {
  background-color: rgba(var(--wme-repeater), var(--amin));
}
.wme-listener {
  background-color: rgba(var(--wme-listener), var(--amax));
}
.card.wme-listener {
  background-color: rgba(var(--wme-listener), var(--amin));
}
.wme-parameter {
  background-color: rgba(var(--wme-parameter), var(--amax));
}
.card.wme-parameter {
  background-color: rgba(var(--wme-parameter), var(--amin));
}
.alert-info.wme-parameter {
  background-color: rgba(var(--wme-parameter), var(--amin));
}
.wae-parameter {
  background-color: rgba(var(--wae-parameter), var(--amax));
}
.alert-info.wae-parameter {
  background-color: rgba(var(--wae-parameter), var(--amin));
}
/*Units + palletes*/
.pattern-syntax {
  background-color: #fff;
  padding: 10px;
}
.unit {
  width: 10px;
  display: inline-block;
  margin: 5px 5px 5px 0;
  line-height: 18px;
}
table .palette {
  width: 100% !important;
}
.palette tr {
  border: thin solid #ddd;
}
.palette td {
  border: thin solid #ddd;
}
.palette td table tr td {
  width: 40px !important;
  height: 15px !important;
  color: transparent;
}
.palette td.spacer {
  width: 9px;
}
.palette .darktext td.text {
  background-color: #fff;
  color: #000;
  font-size: 0.6em;
}
.palette .lighttext td.text {
  background-color: #000;
  color: #fff;
  font-size: 0.6em;
}
.palette td.name {
  width: auto;
  white-space: nowrap;
  text-align: right;
  font-size: 0.6em;
}
.palette td.none {
  font-size: 8px;
  /*visibility: hidden;*/
}
/* colors */
.vel {
  color: #449918;
}
.ltc, .dur {
  color: #cc0000;
}
.ntc, .freq {
  color: #3399ff;
}
.mtc {
  color: #ff7700;
}
.imc {
  color: #0066cc !important;
}
.vau { /*video with audio*/
  color: #006400 !important;
}
.van { /*video no audio*/
  color: #000000 !important;
}
.vnew { /*video new*/
  color: #ff0000 !important;
}
.frc {
  color: #3FAC06 !important;
}
/*Translate
------------------------------------*/
.im-localisation #google_translate_element, .navbar.translation {
  visibility: hidden !important;
  height: 0px !important;
  display: none !important;
}
.skiptranslate iframe.goog-te-banner-frame, .skiptranslate iframe {
  /* this prevents top pop up which is impossible to get to work with Bootstrap on mobile */
  visibility: hidden !important;
  height: 0px !important;
  display: none !important;
  /* below may not do anything */
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: -32000px !important;
}
.im.skiptranslate {
  /* also requireed to prevent top pop up which is impossible to get to work with Bootstrap on mobile */
  visibility: hidden !important;
  display: none !important;
  height: 0px !important;
  /* below may not do anything */
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  top: 0 !important;
  left: -32000px !important;
}
/* gets rid of pesky translate 40px space at top */
body[style] {
  top: 0 !important;
}
/*Footer
------------------------------------*/
footer p a, copyright a {
  text-decoration: underline;
}
footer .copyright {
  font-size: 12px;
}
footer .copyright p {
  margin-bottom: 0 !important;
}
/*Archive
------------------------------------*/
#header header { /*remove .archive from before #header on Jan 1 2023*/
  background-color: #ddd !important;
  background: #ddd !important;
}
/*New features
------------------------------------*/
.new-features li > em {
  color: #000000;
  font-weight: bold;
  background-color: #eeeeee;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
}
/*Learn Item Frame
------------------------------------*/
#tutorial-item {
  height: 100vh;
}
/*Audio controls
------------------------------------*/
audio {
  width: 100px !important;
}
@media (max-width: 768px) {
  audio {
    max-width: 40px !important;
  }
}
/*Tutorials table
------------------------------------*/
#tutorials-table li {
  padding-bottom: 5px;
}
/*FFAVP tables
------------------------------------*/
.ffavp .table th:first-child, .ffavp .table td:first-child {
  padding-left: 0.5em !important; /*fixes first col padding for wrapper-ug*/
}
/*Print
------------------------------------*/
@media print {
  .guide .bd-content h2 {
    page-break-before: always;
  }
}