.gauge_container {
    /*background: #000000;*/
    overflow: hidden;
}

.gauge {
    position: absolute;
    /*background: #000;*/
    overflow: hidden;
    border-radius: 50%;
}
.gauge > img {
    width: 100%;
    height: 100%;
    z-index: 105;
    border-radius: 50%;
}

.gauge_figure_space {
    height: 33.333%;
    width: 22.5%;
    z-index: 111;
}

.gauge_figure_space > div {
    position: relative;
}

.gauge_figure_space.left {
    left: 0px;
}

.gauge_figure_space.right {
    right: 0px;
}

.gauge_figure_space div[slot=s1]{
    height: 30%;
}

.gauge_figure_space div[slot=s2]{
    height: 15%;
}

.gauge_figure_space div[slot=s3]{
    height: 30%;
}

.gauge_figure_space div[slot=s4]{
    height: 25%;
}

.gauge_figure_space.right div[slot=s1] {

}

.gauge_figure_space.right div[slot=s1] > img {
    position: absolute;
    left: 0px;
}

.gauge_figure_space.right div[slot=s1] > div {

}

.gauge_figure_space .gauge_figure_slot > div {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    color: white;
    font-weight: bold;
    font-family: sans-serif;
}

.gauge_figure_space.left div[slot=s3] > div,
.gauge_figure_space.left div[slot=s4] > div {
    color: rgb(119,223,0) !important;
}

.gauge_figure_space.right div[slot=s3] > div,
.gauge_figure_space.right div[slot=s4] > div {
    color: red;
}

.gauge_figure_space.left .gauge_figure_slot > div {
    right: 0px;
    text-align: right;
}

.gauge_figure_space.right .gauge_figure_slot > div {
    left: 0px;
    text-align: left;
}

.gauge .gauge_perc_space {
    width: 100%;
    height: 100%;
    z-index: 110;
    /*transition: transform 2.0s;*/
}

.gauge .gauge_hide {
	width: 100%;
	height: 100%;
	z-index: 112	;
}

.gauge .gauge_perc_space > img {
    width: 100%;
    height: 100%;
}

.gauge .gauge_perc_space > img.hide {
    opacity: 0;
}

.gauge_center {
    width: 15%;
    height: 20%;
    color: white;
}

.gauge_center > div {
    position: absolute;
    left: 0px;
    width: 100%;
}

.gauge_center .gauge_total_kw {
    bottom: 0px;
    height: 65%;
}

.gauge_center .gauge_total_label {
    top: 0px;
    height: 35%;
}

.gauge_center > div > div {
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
}

span.test_char {
    position: absolute !important;
    opacity: 0 !important;
}