/* Progress Bar */
.gamipress-progress-image,
.gamipress-progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.gamipress-progress-bar .gamipress-progress-bar-completed {
    min-height: 1rem;
    text-align: center;
}

.gamipress-progress-bar .gamipress-progress-bar-completed.gamipress-progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
}

.gamipress-progress-bar .gamipress-progress-bar-completed.gamipress-progress-bar-striped.gamipress-progress-bar-animated {
    -webkit-animation: gamipress-gamipress-progress-bar-stripes 1s linear infinite;
    -o-animation: gamipress-gamipress-progress-bar-stripes 1s linear infinite;
    animation: gamipress-gamipress-progress-bar-stripes 1s linear infinite;
}

@-webkit-keyframes gamipress-gamipress-progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes gamipress-gamipress-progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes gamipress-gamipress-progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }
    to {
        background-position: 0 0;
    }
}

.gamipress-progress-radial-bar {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
}

.gamipress-progress-radial-bar .gamipress-progress-radial-bar-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 80%;
    height: 80%;
    border-radius: 50%;
}

.gamipress-progress-bar-wrapper {
    width: 100%;
}