body {
  padding-top: 100px;
}

.container-fluid {
  max-width: 768px;

}

.bg-navbar {
  background-color: #222;
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 0px;
}

.custom-tooltip {
  --bs-tooltip-bg: #333;
  --bs-tooltip-color: #c3c3c3;
  --bs-tooltip-max-width: 400px;
  --bs-tooltip-font-size: 0.8em;
}

.growl {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.extra-small {
    font-size: 0.8em;
}