﻿.consumption {
    padding-bottom: 5px;
}

.big {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 2px;
    float: none;
    display: block;
}

.left {
    float: left;
    display: inline-block;
    width: 20%;
}

.right {
    float: right;
    text-align: right;
    display: inline-block;
    width: 20%;
}

.center {
    text-align: center;
    width: 60%;
    display: inline-block;
}

/* Progress Bar */
.progressBar, .progress {
    position: relative;
    width: 100%;
    height: 24px;
    background: #DDDDDD;
}

    .progressBar .value {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

        .progressBar .value.green, .progress-bar-success {
            background: #99cc68;
        }

        .progressBar .value.red, .progress-bar-danger {
            background: rgb(255, 80, 82);
        }

        .progressBar .value.yellow, .progress-bar-pending {
            background: #FFCB46;
        }

.progress-bar {
    height: 100%;
}

.Paddingbottom {
    padding-bottom: 10px;
}

.Paddingtop {
    padding-top: 10px;
}

.title {
    font-size: 14px;
    font-weight: bold;
}
.statusIndicator {
    color: red !important;
}