* {
    box-sizing: border-box;
}
/*.gauge-container #gauge svg{ width: 190px !important;}*/
.gauge-container {
    display: flex;
	justify-content: flex-end;
}
.gauge-container #gauge svg {
   width: 250px;
}
.gauge-container .sub_gauge svg {
   width: 150px !important;
}
.gauge g.arc {
    fill: steelblue;
}
.gauge g.pointer {
    fill: #e85116;
    stroke: #b64011;
}
.gauge g.label text {
    text-anchor: middle;
    font-size: 12px;
    font-weight: 700;
    fill: #666;
}
.gauge .tickline {
    stroke: "black";
    stroke-width: 1px;
}
.number-div {
    text-align: center;
}
.number-unit {
    display: block;
    font-size: 12px;
}
.number-value {
    font-size: 30px;
}



.stop-left {
    stop-color: #31AEC9;
}

.stop-right {
    stop-color: #3545C0;
}

.filled {
    fill: url(#mainGradient);
}

.outlined {
    fill:   none;
    stroke: url(#mainGradient);
    stroke-width: 4;
}
@media (max-width: 1450px) { 
	.gauge-container #gauge svg {
   width: 190px;
}
}
@media (max-width: 1425px) { 
	.gauge-container_sub {
    display: flex;
    justify-content: space-around;
	padding-top: 0 !important;
}
}

@media (max-width: 1200px) { 
	.gauge-container #gauge svg {
   width: 260px;
}
}
@media (max-width: 991.98px){
    display: flex;
    justify-content: flex-end;
    padding-top: 0 !important;
}
@media (max-width: 560px) { 
	.gauge-container #gauge svg {
   width: 190px ;
}
}