/* Custom classes to display tank status in progress bars */

.level-gauge {
    min-width: 75px;
}

    .level-gauge .progress-bar {
        padding: 3px;
    }

    .level-gauge.uninstalled .progress-bar {
        color: gray !important;
        background-color: #777;
        background-image: none;
    }

    .level-gauge.grid-align {
        display: inline-block;
        vertical-align: middle;
        padding: 0px;
    }

.progress { /* angular ui progress bars */
    margin-bottom: 0;
}

    .progress .status-label {
        font-weight: normal;
        padding: 4px 6px !important;
        border-radius: 4px;
        font-size: 11px !important;
        color: #ffffff;
    }

    .progress span {
        font-size: 12px !important;
        padding: 0 !important;
        margin-top: -2px;
    }

        .progress span.text-left {
            float: right;
            margin-right: -30px;
            margin-top: -2px;
        }

        .progress span.text-right {
            float: right;
            margin-right: 5px;
            margin-top: -2px;
            color: #eee;
        }

    .progress[type=danger] {
        background: #f2dede;
    }

    .progress[type=warning] {
        background: #fcf8e3;
    }

    .progress[type=info] {
        background: #d9edf7;
    }

    .progress[type=primary] {
        background: #d9edf7;
    }

    .progress[type=success] {
        background: #dff0d8;
    }

    .progress[type=empty] {
        background: #c5b5b5;
    }

    .progress[type=rapid-draw] {
        background: #FFF8E1;
    }

    .progress[type=inactivity-detection] {
        background: #FFF8E1;
    }

        .progress[type=inactivity-detection] span.text-above {
            color: #111;
        }

    .progress[type=uninstalled] {
        background: #EEEEEE;
    }

    .progress.vertical {
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 15px;
        width: 40px;
        height: auto;
        background: url('../img/linen.png');
        box-shadow: inset 0px 0px 15px rgba(0,0,0,0.4);
    }

        .progress.vertical .progress-bar {
            position: absolute;
            bottom: 0;
            width: 100%;
            opacity: 1;
            box-shadow: inset 0px 0px 15px rgba(0,0,0,0.4);
        }

        .progress.vertical span {
            position: relative;
            left: 0;
            right: 0;
            font-weight: 500;
        }

            .progress.vertical span.text-under {
                top: -20px;
                color: #111;
            }

            .progress.vertical span.text-above {
                top: 5px;
                color: #eee;
            }

    .progress[type='color-status-rapid-draw'] {
        background-color: #FFF8E1;
        background-image: none;
    }

        .progress[type='color-status-rapid-draw'] .progress-bar {
            background-color: #F57C00;
            background-image: none;
        }

    .progress[type='color-status-inactivity-detection'] {
        background-color: #FFF8E1;
        background-image: none;
    }

        .progress[type='color-status-inactivity-detection'] .progress-bar {
            background-color: #FFCC80;
            background-image: none;
        }

    .progress[type='color-status-uninstalled'] {
        background-color: #EEEEEE;
        background-image: none;
    }

        .progress[type='color-status-uninstalled'] .progress-bar {
            background-color: #777777;
            background-image: none;
        }


    .progress .progress-bar {
        color: #111;
        font-weight: 500;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.progress-bar-empty {
    background: #991F1C;
}

.progress-bar-rapid-draw {
    background: #F57C00;
}

.progress-bar-inactivity-detection {
    background: #FFCC80;
}

.progress-bar-uninstalled {
    background: #777777;
}

.progress-bar-color-status-rapid-draw {
    background-color: #F57C00;
    background-image: none;
}

.progress-bar-color-status-inactivity-detection {
    background-color: #FFCC80;
    background-image: none;
}

.progress-bar-color-status-uninstalled {
    background-color: #777777;
    background-image: none;
}

/* Custom classes to display tank status in labels */

.label-empty {
    background-color: #991F1C;
}

.label-rapid-draw {
    background-color: #F57C00;
}

.label-inactivity-detection {
    background-color: #FFCC80;
    color: #111;
}

.label-uninstalled {
    background-color: #777777;
}

.label-color-status-rapid-draw {
    background-color: #F57C00;
}

.label-color-status-inactivity-detection {
    background-color: #FFCC80;
}

.label-color-status-uninstalled {
    background-color: #777777;
}

.label-color-status-waiting-for-reading {
    background-color: #BDE2BD;
    color: #000;
}