.site-control {
    /*position: absolute;
    right: 0;
    bottom: 0;*/
    /*display:inline-block;*/
    display:table-cell;
    vertical-align:bottom;
    /*min-width: 355px;*/
    /*float:left;*/
}

.rotated {
    transform: rotate(180deg);
}

.site-control .canvas {
    overflow-x: hidden;
    clear: both;
    /*min-width: 300px;*/
}

.site-control .canvas .chart {
    position: relative;
    left: 0;
}

.site-control .proposed {
    fill: #5078FF;
}

.site-control .fixed {
    fill: #1FEF1F;
}

.site-control .infeasible {
    fill: #FF1F1F;
}

.site-control .limit {
    fill: #C8DCFF;
}

.site-control .selection {
    fill: #91AAF0;
    pointer-events: none;
}

.site-control .background {
    opacity: 0;
}