.badge {display: inline-block;padding: 0.25em 0.4em;font-size: 75%;font-weight: 900;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 0;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: #b01f23; }a.badge-primary:hover, a.badge-primary:focus {color: #fff;background-color: #85171a; }a.badge-primary:focus, a.badge-primary.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(176, 31, 35, 0.5); } .badge-secondary {color: #fff;background-color: #308de4; }a.badge-secondary:hover, a.badge-secondary:focus {color: #fff;background-color: #1a73c7; }a.badge-secondary:focus, a.badge-secondary.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(48, 141, 228, 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: #F2F2F2; }a.badge-light:hover, a.badge-light:focus {color: #212529;background-color: #d9d9d9; }a.badge-light:focus, a.badge-light.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5); } .badge-dark {color: #fff;background-color: #4b4b4b; }a.badge-dark:hover, a.badge-dark:focus {color: #fff;background-color: #323232; }a.badge-dark:focus, a.badge-dark.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5); } .badge-third {color: #212529;background-color: #FBFBFB; }a.badge-third:hover, a.badge-third:focus {color: #212529;background-color: #e2e2e2; }a.badge-third:focus, a.badge-third.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 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: #969797; }a.badge-gray:hover, a.badge-gray:focus {color: #212529;background-color: #7c7e7e; }a.badge-gray:focus, a.badge-gray.focus {outline: 0;box-shadow: 0 0 0 0.2rem rgba(150, 151, 151, 0.5); }