.pg-container {
    background-color: white;
    bottom: 0px;
    font-family: "Titillium Web", "Arial", sans-serif;
    left: 0px;
    min-height: 250px;
    min-width: 200px;
    position: absolute;
    right: 0px;
}

.pg-modal > .modal-dialog {
    min-width: 800px;
    width: 90vw;
}

.pg-modal.modal.modal-fullscreen .modal-content {
    background-color: white;
    overflow: hidden;
}

.svgButton {
    fill: #337ab7;
}

.svgButton.handCursor {
    font-size="12px";
    font-family: 'FontAwesome';
    opacity: 0;
}

.pg-node {
    cursor: -webkit-grab;
    cursor: grab;
    stroke: #fff;
    stroke-width: 1.5px;
}

.pg-node tspan {
    font: 14px sans-serif;
    fill: black;
    fill-opacity: 1;
    stroke-width: 0.1px;
}

.pg-legend {
    border: 1px solid #E5E5E5;
    display: inline-block;
    margin-top: 10px;
    overflow: auto;
    padding: 2px;
    vertical-align: top;
    width: 200px;
}

.pg-legend label {
    font-weight: normal;
}

.pg-legend > h4 {
    margin: 10px 0px;
}

.pg-legend:not(.locked):hover .pg-legend-element {
    color: rgba(31, 119, 180, 0.3);
}

.pg-legend:not(.locked):hover .pg-legend-element:hover {
    color: rgba(31, 119, 180, 1);
}

.pg-legend-element {
    cursor: pointer;
    color: #1f77b4;
    display: block;
    font-size: 12px;
    opacity: 1;
    transition: color 0.25s;
}

.pg-legend-element input {
    opacity: 1;
}

.pg-legend-element.locked:not(.active) {
    color: rgba(31, 119, 180, 0.3);
}

.pg-legend-title {
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}

.pg-link text {
    font: 12px sans-serif;
    fill: #555;
    fill-opacity: 1;
    stroke-width: 0.1px;
}

.pg-link {
    stroke: #999;
    stroke-opacity: .6;
}

.pg-loop {
    stroke: #999;
    stroke-opacity: .6;
    fill: none;
}

.pg-node-arrow {
    stroke: #fff;
    stroke-opacity: 1;
}

path.hull {
  /*fill: lightsteelblue;*/
  fill-opacity: 0.3;
  pointer-events: none;
}

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

.pg-zoom {
    height:100px;
    padding-left: 50px;
    width: 205px
}

.plus-minus {
    font-size="14px";
    font-family: 'FontAwesome';
    fill: white;
    pointer-events: none;
}

.pathMapTreeLegend {
    width: 200px;
    float: right;
    border: 1px solid #E5E5E5;
    margin-right: 13px;
    margin-bottom: 2px;
}

g.button:hover{
    opacity: 0.75;
  }

.compass{
    fill:  #fff;
    stroke:  #225EA8;
    stroke-width:  1.5;
    opacity: .7;
}

.zoomButton{
    fill:  #225EA8;
    stroke:  #0C2C84;
    stroke-miterlimit:	6;
    stroke-linecap:  round;
    cursor: pointer;
    opacity: .9;
}

.zoomButton:hover{
    stroke-width:  2;
}