/*#region -----------------------Sankey Chart-----------------------*/
.TwoSVG {
    float: left;
    position: relative;
    margin-top: 5px !important;
}

    .TwoSVG svg {
        background: #ffffff;
        background: rgba(255, 255, 255, 0.69);
        position: relative;
        z-index: 1;
    }

.TwoSVG:first-child {
        margin-left: 2px;
        border-right: 2px solid black;
    }

    .TwoSVG:last-child {
        border-left: 2px solid black;
    }

.SingleSVG {
    margin: auto;
}

.spanChart {
    position: absolute;
    left: 0;
    padding: 3px;
    color: #000000;
    color: rgba(0, 0, 0, 0.38);
    letter-spacing: 0;
    font-size: 64px;
    font-weight: bold;
    display: block;
    top: 0;
    text-align: center;
    right: 0;
}

.boxPivotGrid .nodeVal {
    font-size: 12px;
    font-family: calibri;
    /*display: none;*/
    letter-spacing: 0;
    font-weight: bold;
    -webkit-text-shadow: 0 0 10px white, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow;
    text-shadow: 0 0 10px white, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow, 0 0 7px yellow;
}

.boxPivotGrid .node rect {
    cursor: move;
    fill-opacity: .9;
    shape-rendering: crispEdges;
}

.boxPivotGrid .node text {
    pointer-events: none;
}

.boxPivotGrid .link {
    fill: none;
    stroke: #000;
    stroke-opacity: .5;
}

.boxPivotGrid .link:hover {
    stroke-opacity: .75;
}
/*#endregion*/