html {
    font-size: 12pt;
}

body {
    /* background-color: #f6f8fb; */
    padding-top: 70px;
    font-size: 1rem;
}

.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 !important;
}

.lead {
  height: 200px;
}

.btn {
    font-size: 0.9rem;
}
.table {
    font-size: 0.875rem;
}

.form-label, .col-form-label, .form-check-label {
    font-size: 0.875rem;
}

.form-control, .form-select {
    font-size: 0.875rem;
}

input.form-control::placeholder {
    opacity: 0.5;
}

.card-header {
    background-color: transparent;
}

.card-footer {
    background-color: transparent;
}

.toast {
    z-index: 1090;
    top: 35px;
}