@font-face {
    font-family: 'AmericanSans';
    src: url('fonts/americansans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'AmericanSans', sans-serif !important;
}

#header.header-sticky {
    position: sticky;
    top: 0;
    z-index: 199 !important;
    background: #fff;
    will-change: top;
    width: 100% !important;
    margin-bottom: 20px;
}

.badge-outline-primary {
    background-color: #fff;
    color: #0d6efd; /* Bootstrap primary color */
    border: 1px solid #0d6efd;
}

.badge-outline-warning {
    background-color: #fff;
    color: #fbbd00;
    border: 1px solid #fbbd00;
}

.badge-outline-info {
    background-color: #fff;
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
}

.badge-outline-danger {
    background-color: #fff;
    color: #dc3545;
    border: 1px solid #dc3545;
}

.badge-blue-700 {
  color: rgb(29 78 216);
  background-color: rgba(219, 234, 254, 1); /* optional light background */
  border: 1px solid rgba(191, 219, 254, 1);
}

.badge-purple-700 {
  color: rgb(109 40 217);
  background-color: rgba(237, 233, 254, 1); /* optional light background */
  border: 1px solid rgba(221, 214, 254, 1);
}