H1 {
  text-align: center;
  margin-bottom: 1.5rem;
}

.header-logo { width: 100%; max-width: 520px; border: 0; }

.logged-in-only {
  display: none;
}
body.is-logged-in .logged-in-only {
  display: block;
}
.logged-out-only {
  display: block;
}
body.is-logged-in .logged-out-only {
  display: none;
}

OL>LI>OL {
  list-style-type: lower-alpha;
}
.wbreak-force {
  overflow-wrap: break-word;
}

.nav-tabs.nav-tabs-light .nav-link {
  --bs-nav-tabs-link-active-bg: rgb(248,249,250);
}
.nav-tabs.nav-tabs-light .nav-link.active {
  border-bottom-color: rgb(248,249,250);
}
.nav-tabs.small {
  --bs-nav-link-padding-y: .3rem;
  --bs-nav-link-padding-x: 0.8rem;
}

#ref-manual-toc {
  --bs-offcanvas-height: 60vh;
}

.rm-column, .rm-col-item {
  display: none;
}
.rm-column.show, .rm-col-item.show {
  display: block;
}

.rm-column-container {
  width: 1000px;
}
.rm-column {
  width: 250px;
}
#rm-column-1 {
  left: 0;
}
#rm-column-2 {
  left: 250px;
}
#rm-column-3 {
  left: 500px;
}
#rm-column-4 {
  left: 750px;
}
.rm-menu-item {
  border: none;
  background: transparent;
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none !important;
  color: black;
}
.rm-menu-link {
  padding-right: 40px !important;
}
.rm-menu-item:hover {
  background-color: #eee;
  color: black;
}
.rm-menu-item.active, .rm-menu-item:active {
  background-color: rgb(13, 110, 253);
  color: white;
}
.rm-ul-list .list-group-item.active .text-muted {
  color: white !important;
}
.rm-url-text {
  overflow-wrap: break-word;
}

.rm-header, #mantop {
  scroll-margin-top: 3.5rem;
}

.sidebar {
  float: left;
  width: 250px;
}
.mainbar {
  margin-left: 270px;
}

.code {
  font-family: "Inconsolata" !important;
  font-size: 115%;
  line-height: 1.25;
}
.var, .request {
  font-family: "Inconsolata" !important;
  font-weight: bold !important;
  font-size: 115%;
  line-height: 1.3;
}
.request {
  margin-top: 1rem !important;
  margin-bottom: .5rem !important;
  overflow-wrap: break-word;
}

.card.card-search {
  border-color: #2A695B;
}
.card.card-search .card-footer {
  background-color: #2A695B;
  color: white;
}
.search-color, h2.search-color, .search-color:hover,
#searchModal .modal-title, #searchModal .highlight {
  color: #2A695B;
}
.btn-secondary.btn-search {
  --bs-btn-bg: #2A695B;
  --bs-btn-border-color: #2A695B;
  --bs-btn-hover-bg: #45a993;
  --bs-btn-hover-border-color: #2A695B;
  --bs-btn-active-bg: #45a993;
  --bs-btn-active-border-color: #2A695B;
}
.btn-outline-secondary.btn-search {
  --bs-btn-color: #2A695B;
  --bs-btn-border-color: #2A695B;
  --bs-btn-hover-bg: #45a993;
  --bs-btn-hover-border-color: #2A695B;
  --bs-btn-active-bg: #45a993;
  --bs-btn-active-border-color: #2A695B;
}

.card.card-industry {
  border-color: #AA5522;
}
.card.card-industry .card-footer {
  background-color: #AA5522;
  color: white;
}
.industry-color, h2.industry-color, .industry-color:hover,
#industryModal .modal-title, #industryModal .highlight {
  color: #AA5522;
}
.btn-secondary.btn-industry {
  --bs-btn-bg: #AA5522;
  --bs-btn-border-color: #AA5522;
  --bs-btn-hover-bg: #dd7a3c;
  --bs-btn-hover-border-color: #AA5522;
  --bs-btn-active-bg: #dd7a3c;
  --bs-btn-active-border-color: #AA5522;
}
.btn-outline-secondary.btn-industry {
  --bs-btn-color: #AA5522;
  --bs-btn-border-color: #AA5522;
  --bs-btn-hover-bg: #dd7a3c;
  --bs-btn-hover-border-color: #AA5522;
  --bs-btn-active-bg: #dd7a3c;
  --bs-btn-active-border-color: #AA5522;
}

.card.card-interests {
  border-color: #882770;
}
.card.card-interests .card-footer {
  background-color: #882770;
  color: white;
}
.interests-color, h2.interests-color, .interests-color:hover,
#interestsModal .modal-title, #interestsModal .highlight {
  color: #882770;
}
.btn-secondary.btn-interests {
  --bs-btn-bg: #882770;
  --bs-btn-border-color: #882770;
  --bs-btn-hover-bg: #bd3a9d;
  --bs-btn-hover-border-color: #882770;
  --bs-btn-active-bg: #bd3a9d;
  --bs-btn-active-border-color: #882770;
}
.btn-outline-secondary.btn-interests {
  --bs-btn-color: #882770;
  --bs-btn-border-color: #882770;
  --bs-btn-hover-bg: #bd3a9d;
  --bs-btn-hover-border-color: #882770;
  --bs-btn-active-bg: #bd3a9d;
  --bs-btn-active-border-color: #882770;
}

.card.card-milwalk {
  border-color: #3377bb;
}
.card.card-milwalk .card-footer {
  background-color: #3377bb;
  color: white;
}
.milwalk-color, h2.milwalk-color, .milwalk-color:hover,
#milwalkModal .modal-title, #milwalkModal .highlight {
  color: #3377bb;
}
.btn-secondary.btn-milwalk {
  --bs-btn-bg: #3377bb;
  --bs-btn-border-color: #3377bb;
  --bs-btn-hover-bg: #4e96dd;
  --bs-btn-hover-border-color: #3377bb;
  --bs-btn-active-bg: #4e96dd;
  --bs-btn-active-border-color: #3377bb;
}
.btn-outline-secondary.btn-milwalk {
  --bs-btn-color: #3377bb;
  --bs-btn-border-color: #3377bb;
  --bs-btn-hover-bg: #4e96dd;
  --bs-btn-hover-border-color: #3377bb;
  --bs-btn-active-bg: #4e96dd;
  --bs-btn-active-border-color: #3377bb;
}

.sticky-top.lower-z {
  z-index: 920 !important;
}

.w-5  { width:  5% !important; }
.w-10 { width: 10% !important; }
.w-11 { width: 11% !important; }
.w-12 { width: 12% !important; }
.w-15 { width: 15% !important; }
.w-18 { width: 18% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }

.mw-1e { min-width: 1em; }
.mw-2e { min-width: 2em; }
.mw-3e { min-width: 3em; }
.mw-4e { min-width: 4em; }
.mw-5e { min-width: 5em; }
.mw-6e { min-width: 6em; }
.mw-7e { min-width: 7em; }
.mw-8e { min-width: 8em; }
.mw-9e { min-width: 9em; }
.mw-10e { min-width: 10em; }
.mw-11e { min-width: 11em; }
.mw-12e { min-width: 12em; }
.mw-13e { min-width: 13em; }
.mw-14e { min-width: 14em; }
.mw-15e { min-width: 15em; }

/* Adapted from https://bootsnipp.com/snippets/featured/no-more-tables-respsonsive-table */
@media screen and (max-width: 575.98px) {
  .table-fluid thead,
  .table-fluid tbody,
  .table-fluid th,
  .table-fluid td,
  .table-fluid tr {
    display: block;
  }
  .table-fluid thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-fluid tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .table-fluid tr {
    border-top: 1px solid #dee2e6;
  }
  .table-fluid td {
    border: none;
    width: 100% !important;
    padding-left: 35%;
    padding-bottom: 0;
    white-space: normal;
    text-align: left !important;
    position: relative;
  }
  .table-fluid td:last-child {
    padding-bottom: .75rem;
  }
  
  .table-fluid td:before {
    position: absolute;
    top: 0.75rem;
    left: .75rem;
    right: 65%;
    padding-right: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    font-weight: bold;
    font-size: .8em;
  }
  .table-fluid td:before {
    content: attr(data-title);
  }
}

.vue-fade.v-enter-active {
  transition: opacity 0.4s ease;
}
.vue-fade.v-enter-from {
  opacity: 0;
}
.fs-120p {
  font-size: 120%;
}

.was-validated .iti-is-invalid ~ .invalid-feedback {
  display: block;
}
.iti--inline-dropdown .iti__dropdown-content {
  z-index: 5 !important;
}