﻿.gauge-container {
    width: 150px;
    height: 150px;
    display: block;
    float: left;
    padding: 10px;
    background-color: #212529;
    margin: 7px;
    border-radius: 3px;
    position: relative;
}

    .gauge-container > .label {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        background: rgba(0,0,0,0.5);
        font-family: monospace;
        font-size: 0.8em;
        padding: 5px 10px;
        color: white;
    }

.wrapper {
    height: 100px;
    float: left;
    overflow: hidden;
}

    .wrapper > .gauge-container {
        margin: 0;
    }

.gauge-container.two {
}

    .gauge-container.two > .gauge .dial {
        stroke: #334455;
        stroke-width: 10;
    }

    .gauge-container.two > .gauge .value {
        stroke: #FF8101 !important;
        stroke-dasharray: none;
        stroke-width: 13;
    }

    .gauge-container.two > .gauge .value-text {
        fill: #ccc;
        font-weight: 100;
        font-size: 1em;
    }

    .gauge-container.two .value-text {
        color: #ccc;
        font-weight: 100;
        position: absolute;
        bottom: 55%;
        right: 28%;
        display: inline-block;
    } 