:root {
    --red: #f00;
    --green: #0f0;
    --blue: #00f;

    --full-width: 100vw;
    --used-width: 90vw;
    --used-width-margin: 5vw;

    --maps-height: 40vh;
    --maps-width: calc(var(--full-width) * 4/12 - 40px - 1vw);
    --big-maps-height: var(--remain-height);

    --charts-height: calc( ( var(--remain-height) - 155px ) / 3 - 1vh );
    --charts-width: calc( (1/3) * (8/12) * 93vw);
    --charts-title-height: 20px;
    --charts-title-fontsize: calc( var(--charts-title-height) - 4 );
    --charts-graph-height: calc( var(--charts-height) - var(--charts-title-height) );

    --big-charts-graph-height: 60vh;

    --header-height:61px;
    --header-pad:10px;
    --footer-height:35px;

    --tabs-height:55px;
    --tr-sel-height:55px;

    --top-margin:10px;

    --table-div-width:calc(var(--used-width) * 3 / 12 - 4vw);
    /* --table-cell-width:calc((var(--table-div-width) / 10) - 20px); */
    --table-cell-width:calc((var(--used-width) / 10) - 20px);

    --sm-table-div-width:calc(var(--used-width) * 10 / 12 - 50px);
    --sm-table-cell-width:calc((var(--used-width) * 10 / 12 - 50px) / 5 - 20px);

    --remain-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--top-margin));
    --filter-table-height:calc(var(--remain-height) - var(--maps-height) - var(--top-margin) - 70px);

    --sm-icon-size:15px;
    --sm-icon-marg:calc( var(--sm-icon-size) / -2 );
    /* --sm-icon-marg:-7.5px; */

    --v-state-tooltip-display: none;
    --p-state-tooltip-display: none;
    --nominal-power-tooltip-display: none;
    --nb-sm-exc-tooltip-display: none;
    --avg-load-rate-tooltip-display: none;
    --max-load-rate-tooltip-display: none;
    --avg-load-tooltip-display: none;
    --max-load-tooltip-display: none;
    --imb-rate-p-tooltip-display: none;
    --imb-rate-v-tooltip-display: none;
    --v-min-tooltip-display: none;
    --v-max-tooltip-display: none;
}