body {
    font-size: 1rem;
  }

header{
  height: 50px;
}

svg.bi {
  fill: currentColor;
}

/*
 * sidebar
 */

.position-absolute h3,
.position-absolute h4 {
  text-shadow: 2px 2px 8px #000;
}

nav ul.nav-pills li{
  width: 50%;
}

#offcanvasDebug {
  height: 55vH;
}


.nav-tabs.border-primary button.nav-link.active{
  background-color: var(--bs-primary);
  color: var(--bs-white);
  font-weight: 600;
}


.table td.pos-1, .legend .pos-1{background-color: rgb(229, 199, 90, 0.5);}
.table td.pos-2, .legend .pos-2{background-color: rgb(169, 169, 169, 0.5);}
.table td.pos-3, .legend .pos-3{background-color: rgb(182, 106, 61, 0.5);}
.table td.pos-4, .legend .pos-4,
.table td.pos-5, .legend .pos-5,
.table td.pos-6, .legend .pos-6,
.table td.pos-7, .legend .pos-7,
.table td.pos-8, .legend .pos-8,
.table td.pos-9, .legend .pos-9,
.table td.pos-10, .legend .pos-10
{background-color: rgba(115, 158, 199, 0.5);}
.table td.pos-11, .legend .pos-11,
.table td.pos-12, .legend .pos-12,
.table td.pos-13, .legend .pos-13,
.table td.pos-14, .legend .pos-14,
.table td.pos-15, .legend .pos-15,
.table td.pos-16, .legend .pos-16,
.table td.pos-17, .legend .pos-17,
.table td.pos-18, .legend .pos-18,
.table td.pos-19, .legend .pos-19,
.table td.pos-20 .legend .pos-20
{background-color: rgb(128, 128, 128, 0.5);}


@media (min-width: 576px) {

  nav ul.nav-pills li{
    width: 33%;
  }

}

@media (min-width: 768px) {
  

  nav ul.nav-pills li{
    width: 100%;
  }

}



@media (min-width: 992px) { 
 
}


@media (min-width: 1200px) {


}


@media (min-width: 1400px) { 
  body div.container-fluid{
    max-width: 2000px;
  }
}