/* ****************************************************
 *  NODE MAP
 * ****************************************************
 */

 [eicnodemap] {
    border: 1px solid var(--eicui-base-color-grey-25) !important;
    background: var(--eicui-base-color-grey-10);
    position: relative;
    overflow: hidden;
}
[eicnodemap][resizable] { resize:vertical; }
[eicnodemap] svg .entity {
    cursor:pointer;
    transition: all 0.7s;
}
[eicnodemap] svg .entity .icon {
    font-family: 'glyphs';
    font-size: 24px;
}
[eicnodemap] svg .entity .bg { 
    fill: var(--app-color-white); 
    transition: all 0.7s;
}
[eicnodemap] svg .entity.selected > .bg {
    stroke: var(--eicui-base-color-accessible-focus);
    stroke-width: 3px;
}

[eicnodemap] .entity[primary] .bg { fill: var(--eicui-base-color-primary-100); }
[eicnodemap] .entity[secondary] .bg { fill: var(--eicui-base-color-grey-25); }
[eicnodemap] .entity[info] .bg { fill: var(--eicui-base-color-info-100); }
[eicnodemap] .entity[success] .bg { fill: var(--eicui-base-color-success-100); }
[eicnodemap] .entity[warning] .bg { fill: var(--eicui-base-color-warning-100); }
[eicnodemap] .entity[danger] .bg { fill: var(--eicui-base-color-danger-100); }
[eicnodemap] .entity[accent] .bg { fill: var(--eicui-base-color-accent-100); }
[eicnodemap] svg .entity[primary].selected > .bg { fill: var(--eicui-base-color-primary-110); }
[eicnodemap] .entity text {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    fill: var(--app-color-black);
    stroke-width: 0.1;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    transition: all 0.7s;
}
[eicnodemap] .entity[primary] text,
[eicnodemap] .entity[info] text, 
[eicnodemap] .entity[success] text,
[eicnodemap] .entity[danger] text { fill: var(--app-color-white) }
[eicnodemap] .entity .title { font-size: normal; font-weight: bold; }
[eicnodemap] .entity .subtitle { font-size: smaller; font-weight: normal; }

[eicnodemap] .entity .badge[primary] .bg { fill: var(--eicui-base-color-primary-100); }
[eicnodemap] .entity .badge[success] .bg { fill: var(--eicui-base-color-success-100); }
[eicnodemap] .entity .badge[danger] .bg { fill: var(--eicui-base-color-danger-100); }
[eicnodemap] .entity .badge[warning] .bg { fill: var(--eicui-base-color-warning-100); }
[eicnodemap] .entity .badge[accent] .bg { fill: var(--eicui-base-color-accent-100); }
[eicnodemap] .entity .badge[info] .bg { fill: var(--eicui-base-color-info-100); }
[eicnodemap] .entity .badge text {
    fill: var(--app-color-white);
    font-size: normal;
}
[eicnodemap] .entity .badge[xxsmall] text { font-size: xx-small; }
[eicnodemap] .entity .badge[xsmall] text { font-size: x-small; }
[eicnodemap] .entity .badge[small] text { font-size: small; }
[eicnodemap] .entity .badge[large] text { font-size: large; }
[eicnodemap] .entity .badge[xlarge] text { font-size:x-large }
[eicnodemap] .entity .badge[xxlarge] text { font-size:xx-large }
[eicnodemap] .entity .type { font-size: 11px; }
[eicnodemap] .relation {
    fill: none; 
    stroke: var(--app-color-info); 
    stroke-width: 4px;
    stroke-dasharray: 10,5;
    transition: all 0.7s;
}
[eicnodemap] .entity[disabled] { 
    pointer-events: none;
}
[eicnodemap] .entity[disabled] .title,
[eicnodemap] .entity[disabled] .subtitle { 
    opacity: 0.45; 
}