/*
    Descrição: Estilos principais da barra de progresso
    Autor: Adriano Angélico
    Data: 14/10/2015
    Versão: 1.0
*/

/* Progress Bar */
.progressbar {
    background: #fff;
    border: 1px solid #91BDDC;
    border-radius: 2px;
    display: block;
    height: 18px;
    position: relative;
    width: 100%;
}

.progressbar-big {
    height: 30px;
}

.progressbar .percentage-bar {
    background: #BBE0F2;
    color: #fff;
    display: block;
    height: 16px;
    text-align: center;
}

.progressbar-big .percentage-bar {
    height: 28px;
}

.progressbar .percentage-value {
    color: #000;
    display: block;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100;
}

.progressbar-big .percentage-value {
    height: 28px;
    line-height: 28px;
}

.progressbar .until-15 {
    background: #e6675c;
}

.progressbar .until-30 {
    background: #dd9b67;
}

.progressbar .until-50 {
    background: #b0cf73;
}

.progressbar .until-100 {
    background: #eaeaea;
}
/* /Progress Bar*/