/* DPSIR (System Sketch) specific CSS. */

/* Icons */
.dpsiricon-upstream      { width:16px; height:16px; background-image:url('DPSIR/Upstream.svg') !important; }
.dpsiricon-downstream    { width:16px; height:16px; background-image:url('DPSIR/Downstream.svg') !important; }
.dpsiricon-responses     { width:16px; height:16px; background-image:url('DPSIR/List.svg'); }

.dpsir-node {
    z-index: 8;
}

.dpsir-node circle {
    z-index: 8;
}

.dpsir-node text.label {
    pointer-events: auto;
    cursor: context-menu;
    font-weight: 500;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica;
    stroke-width: 0px;
    text-shadow: 0 2px 2px #ccc;
}

.dpsir-node text.label-outline {
    pointer-events: none;
    font-weight: 500;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica;
    stroke-width: 4px;
    stroke: white;
    opacity: 0.9;
}
/* Makes open and close hand work on firefox. Doesn't work in chrome. */
.dpsir-background:hover  { cursor: grab; }
.dpsir-background:active { cursor: grabbing; }

.dpsir-link {
    pointer-events: none;
    fill: none;
    stroke: #98AFC7;
    stroke-width: 1.5px;
}

.dpsir-tooltip {
    background: white;
    padding: 5px;
    width: auto !important;
}
.dpsir-tooltip-ol {
    display: block !important;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;    
    list-style-type: decimal !important;    
}
.dpsir-tooltip-ol li {
    font-size: 110%  !important;
}

.dpsir-tooltip-ul {
    display: block !important;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;    
}
.dpsir-tooltip-ul li {
    font-size: 100%  !important;
}