/* ==========================================================================
   Variables
========================================================================== */
/* Infinite rotate */
@-webkit-keyframes infinite-rotate {
    to {
        transform: rotate(360deg); } }
@keyframes infinite-rotate {
    to {
        transform: rotate(360deg); } }
/*WF180387 added pv-badge and badge--user to not*/
.badge:not(.badge--rounded, .pv-badge, .badge--user) {
    display: inline-flex;
    align-items: center;
    padding: 3px 15px;
    border-radius: 5px;
    color: #9d57b2;
    background-color: #eeeeee;
    color: #84909b;
    font-weight: 350;
    min-height: 30px;
    font-size: 14px;
    line-height: 22px; }
.badge__icon {
    margin: 0 -5px 0 5px; }
.badge__icon, .badge__icon:before {
    width: 21px;
    height: 21px;
    display: block; }
.badge--user {
    padding: 0;
    justify-content: center;
    border: 1px solid #eeeeee;
    background-color: #f9f9f9; }
.badge--user .badge__icon {
    margin: 0; }
.badge--user .badge__icon, .badge--user .badge__icon:before {
    width: 30px;
    height: 30px; }
.badge--success {
    background-color: #00991d;
    color: #ffffff; }

.badge-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -4px;
    margin-right: -4px;
    width: calc(100% + 8px); }
.badge-group__item {
    position: relative;
    margin: 0 4px 8px 4px; }
.badge-group--tight .badge-group__item:not(:last-child) {
    margin-right: 4px; }
.badge-group--loose .badge-group__item:not(:last-child) {
    margin-right: 15px; }
.badge-group--center {
    justify-content: center; }

/*WF172388_JE added blue badge color*/
.badge--blue {
    background-color: #0067dc;
    color: #ffffff; }