@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;
}

.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);
}