.badge {display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0.1111111111rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }@media (prefers-reduced-motion: reduce) {.badge {transition: none; } }a.badge:hover, a.badge:focus {text-decoration: none; }.badge:empty {display: none; } .btn .badge {position: relative;top: -1px; } .badge-pill {padding-right: 0.6em;padding-left: 0.6em;border-radius: 10rem; } .badge-primary {color: #fff;background-color: #0054aa; }a.badge-primary:hover, a.badge-primary:focus {color: #fff;background-color: #003b77; }a.badge-primary:focus, a.badge-primary.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 84, 170, 0.5); } .badge-secondary {color: #fff;background-color: #12afe3; }a.badge-secondary:hover, a.badge-secondary:focus {color: #fff;background-color: #0e8bb4; }a.badge-secondary:focus, a.badge-secondary.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(18, 175, 227, 0.5); } .badge-success {color: #fff;background-color: #46bf1b; }a.badge-success:hover, a.badge-success:focus {color: #fff;background-color: #369215; }a.badge-success:focus, a.badge-success.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(70, 191, 27, 0.5); } .badge-info {color: #fff;background-color: #17a2b8; }a.badge-info:hover, a.badge-info:focus {color: #fff;background-color: #117a8b; }a.badge-info:focus, a.badge-info.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning {color: #fff;background-color: #ff7a00; }a.badge-warning:hover, a.badge-warning:focus {color: #fff;background-color: #cc6200; }a.badge-warning:focus, a.badge-warning.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(255, 122, 0, 0.5); } .badge-danger {color: #fff;background-color: #dc3545; }a.badge-danger:hover, a.badge-danger:focus {color: #fff;background-color: #bd2130; }a.badge-danger:focus, a.badge-danger.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light {color: #212529;background-color: #f7f7f7; }a.badge-light:hover, a.badge-light:focus {color: #212529;background-color: #dedede; }a.badge-light:focus, a.badge-light.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); } .badge-dark {color: #fff;background-color: #00376d; }a.badge-dark:hover, a.badge-dark:focus {color: #fff;background-color: #001d3a; }a.badge-dark:focus, a.badge-dark.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 55, 109, 0.5); } .badge-white {color: #212529;background-color: #fff; }a.badge-white:hover, a.badge-white:focus {color: #212529;background-color: #e6e6e6; }a.badge-white:focus, a.badge-white.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-black {color: #fff;background-color: #000; }a.badge-black:hover, a.badge-black:focus {color: #fff;background-color: black; }a.badge-black:focus, a.badge-black.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-gray {color: #212529;background-color: #e4e4e4; }a.badge-gray:hover, a.badge-gray:focus {color: #212529;background-color: #cbcbcb; }a.badge-gray:focus, a.badge-gray.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(228, 228, 228, 0.5); }