/**********************************************************************
 *
 *  SVG elements are NOT part of the HTML objects every SVG object
 *  needs its own name and styling.
 *
 *  SVG is its own XML document embedded in HTML
 *
 *********************************************************************/


.graph_div_small
{

    box-sizing: border-box;

    border: 0px solid #0000FF;
    padding: 4px;
    margin-right: 4px;
    margin-bottom: 4px;

}

.svg-container
{

    display: inline-block;
    
    width: 100%;
    /* height: 80%; */
   /*    padding-bottom: 100%; */

    overflow: hidden;
}

.svg-ordinal
{
    display: inline-block;
}

/* Tooltip for a circle of measuring point */
div.tooltip
{
    position: absolute;
    text-align: left;
    width: 150px;
    height: 35px;
    padding: 4px;
    font: 10px sans-serif;
    background: lightsteelblue;
    border: 1px solid blue;
    border-radius: 4px;
    pointer-events: none;
}