/**
 * RSX Framework
 * Copyright 2015 Bell Canada
 * 
 * Percentage bars widget.
 */

.rsx-percentage-bar-group span,
.rsx-percentage-bar-group p {
    color: #E1E1E1;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}

.rsx-percentage-bar-group .rsx-percentage-bar {
    display: inline-block;
    margin: 8px 12px;
    position: relative;
    background-color: #C2CEDF;
}

.rsx-percentage-bar-group .rsx-bar {
    position: absolute;
    background-color: #E1E1E1;
}

.rsx-percentage-bar-group_high-contrast .rsx-percentage-bar {
    background-color: #5685b3;
}

.rsx-percentage-bar-group_high-contrast .rsx-bar {
    background-color: #fffffb;
}

.rsx-percentage-bar {
    transition: width .5s cubic-bezier(.55, 0, .1, 1);
}