:root
{
        --GRAPH_ZERO_CONTAINER_WIDTH:1280;
        --GRAPH_ZERO_CONTAINER_HEIGHT:175;
}

#graph_zero_container_id
{   
        position:fixed;    
        
        /* outline:3px solid red; */


        left:   calc(43.25% - ((var(--GRAPH_ZERO_CONTAINER_WIDTH) / 2) * 1px));
        top:    calc(30% - ((var(--GRAPH_ZERO_CONTAINER_HEIGHT) / 2) * 1px)); 

        width:  calc(var(--GRAPH_ZERO_CONTAINER_WIDTH) * 1px); 
        height: calc(var(--GRAPH_ZERO_CONTAINER_HEIGHT) * 1px);
        
        transform: rotate(180deg);
        transform: rotateX(180deg);
}

.graph_zero_point_container     { border:0px solid blue; display:inline-block; height:100%;}

.top_div                        { width:100%; height:50%; }
.bottom_div                     { width:100%; height:50%; }

.positive_meter_div             { background-color:green; width:100%; }
.negative_meter_div             { background-color: transparent;  width:100%;  }







