[contenteditable] { outline: 0px solid transparent; }

/*editor-svg { background-color: #494c50; }*/


/*  DOCUMENT  */

.layer  .precise-hit-test-element { stroke-width:20!important; stroke:#FFFFFF;  vector-effect:non-scaling-stroke!important; stroke-dasharray:none!important; stroke-linejoin:miter!important;  stroke-linecap:square!important; }
.layer[hidden]{ display:none;  }
.layer[locked] *, .layer *[locked]{ pointer-events:none!important; }

.isolate-layer-editing .layer:not([active] ){ opacity:.4;  }
.isolate-layer-editing .layer:not([active] ) * {  pointer-events:none!important ;  }

.isolate-layer-editing .layer > .view-box { fill:none; stroke: red; stroke-dasharray:4; stroke-width:2; vector-effect: non-scaling-stroke; }


.isolate-layer-editing .layer > path[data-type="EditableTextPath"]
{
    opacity: 1;
    stroke: #3d7cff;
    stroke-opacity: 1;
    stroke-dasharray: 4;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
    fill: none;
}

.layer text[data-type="EditableTextPath"] {
    pointer-events: visiblePainted;
}




.isolate-layer-editing .layer[custom-element="editing-layer-clip-path"] > *:not(:first-child) {
    /*opacity: 1;*/
    /*stroke: #3d7cff;*/
    /*stroke-opacity: 1;*/
    /*stroke-dasharray: 4;*/
    /*stroke-width: 2;*/
    /*vector-effect: non-scaling-stroke;*/
    /*fill: #ff000080;*/
     opacity: 1;
    fill:none; stroke: red; stroke-dasharray:4; stroke-width:2; vector-effect: non-scaling-stroke;
}

tspan[ data-xlink-href ]
{
   text-decoration: underline;
    fill: #5e55f1; 
}



.show-as-wireframe .layer * { fill:none; stroke:red; stroke-width:1px; vector-effect: non-scaling-stroke; }
.show-as-wireframe .layer text{ display:none; }


foreignObject{ pointer-events:bounding-box;}
foreignObject>div>*{pointer-events:none;}
foreignObject>div:not([contenteditable]),foreignObject:not([editable]) {cursor:default;}
foreignObject>div[contenteditable]{ -moz-user-select: text;   -webkit-user-select: text;   -ms-user-select: text;    user-select: text; background-color: #00000012;}
foreignObject>div[contenteditable]>*,foreignObject[editable]>div>*{pointer-events:all; }



/*g[custom-element="arc-object"] > path[data-name="arc-stroke"] { pointer-events:none; }*/



editor-svg > .document-container > svg  { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; }

/*editor-svg > .document-container > svg > .page-list > .page.showed > .content > .layer text{  outline: 1px solid transparent; }*/
editor-svg > .document-container > svg > .page-list > .page.showed > .content > .layer text:not([contenteditable]) { cursor:default; pointer-events: bounding-box; user-select: none; }
editor-svg > .document-container > svg > .page-list > .page.showed > .content > .layer text[contenteditable]{ /*outline: 1px solid #2196f3;*/ -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; cursor: text; pointer-events:auto; }
/*editor-svg > .document-container > svg > .page-list > .page.showed > .content > .layer:not([hidden]):not([locked]) text:not([data-type="TextOnPath"]){  pointer-events:bounding-box; }*/
/*editor-svg > .document-container > svg > .page-list > .page.showed > .content > .layer text:not([contenteditable]) tspan{ pointer-events:none; }*/


editor-svg.space-key  .interaction{ display: none;}

editor-svg > .interaction { pointer-events: none; }

/*  INTERACTION  */
.blinker { animation-name: blinker; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(1,0,0,1); animation-duration: 1s; stroke-width: 3px!important;; vector-effect: non-scaling-stroke; }
@keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } }


editor-svg > .interaction #SELECTION_PREVIEWS *{ pointer-events: none!important; fill:none!important; stroke:#0052FF; stroke-opacity:1!important; marker-start:none!important; marker-mid:none!important; marker-end:none!important; stroke-dasharray:0!important; filter:none!important; opacity: 1!important; stroke-width:2!important; vector-effect: non-scaling-stroke!important; }

editor-svg > .interaction #ORIGIN_XY {display:inline; pointer-events:none;}
/*editor-svg > .interaction > #SELECTION_PREVIEWS .interactive-path { fill:none!important; }*/

editor-svg > .interaction > #RECTANGULAR_INTERACTION line, editor-svg > .interaction > #PERSPECTIVE_DEFORM line,
editor-svg > .interaction > editor-svg > .interaction_POINTS line {stroke-width:1; stroke:#3d7cff; /*stroke-dasharray: 2;*/ }

editor-svg > .interaction > #ELEMENT_ORIGIN #translateOriginHandle {display: none;}
editor-svg.alt-key > .interaction > #ELEMENT_ORIGIN #translateOriginHandle {display: inline;}
editor-svg > .interaction > #ELEMENT_ORIGIN line.axis-x, #ORIGIN_XY line.axis-x{ stroke:#fb006b;}
editor-svg > .interaction > #ELEMENT_ORIGIN line.axis-y, #ORIGIN_XY line.axis-y{ stroke:#00bf41;}


editor-svg > .interaction > #GRADIENT_INTERACTION line { cursor: cell; pointer-events:all; }
editor-svg > .interaction > #GRADIENT_INTERACTION .resize { cursor:nwse-resize; fill: #c7c7c7; stroke:white; stroke-width: 3; }
editor-svg > .interaction > #GRADIENT_INTERACTION .stop-colors > circle { cursor: pointer; pointer-events:all; }


editor-svg > .interaction .translate,
editor-svg > .interaction .resize,
editor-svg > .interaction .rotate{ fill: rgba(255, 0, 0, 0); stroke-width:0; stroke:none;  pointer-events:all; }

editor-svg > .interaction .translate{ cursor:move; }
editor-svg > .interaction .resize{ cursor:nesw-resize; }
editor-svg > .interaction .rotate{ cursor:alias; }



editor-svg > .interaction .tip-icon{ fill:#3d7cff; stroke:#FFFFFF; display: none; }
/*editor-svg > .interaction .rotate:hover + .tip-icon{ display:inline; }*/
editor-svg > .interaction .point{ fill:white; stroke:#3d7cff; }
editor-svg > .interaction .interaction-point.control .point{ fill:#ff0038; stroke:white; }
/*editor-svg > .interaction .label{ pointer-events:all; cursor:pointer; font-size:10px; }*/
editor-svg > .interaction .label{ pointer-events:none; cursor:pointer; font-size:10px; }

editor-svg > .interaction text{ stroke: white; fill:black;  stroke-width: 4px;  paint-order: stroke fill;  stroke-linejoin: round; }
/*Bug di safari*/
html[data-browser="Safari"] editor-svg > .interaction text{ stroke: none;  } 


editor-svg > .interaction #ROTATE_2D .translate:active,
editor-svg > .interaction #SCALE_2D .translate:active,
editor-svg > .interaction #ELEMENT_ORIGIN .translate:active,
editor-svg > .interaction > #PERSPECTIVE_DEFORM_2D .resize:active { pointer-events:none; }

editor-svg > .interaction .interaction-point.selected .point{ fill: #0073fb; stroke:#FFFFFF; }
editor-svg > .interaction .interaction-point.selected.focused .point{ fill: #33de05; stroke:#FFFFFF; }

.point-list>g:not(.selected):first-child>.point{ stroke-width:3;}



.point-selection-by-rect-area editor-svg > .interaction * { pointer-events:none!important; }
.point-selection-by-rect-area editor-svg > .interaction editor-svg > .interaction_POINTS .interaction-point .point{ pointer-events:all!important; }


/*.space-key  editor-svg > .interaction{ display: none;}*/

editor-svg:active>.interaction>#TEXT_CURSOR{display:none;}




editor-svg.space-key{ cursor: grab!important;}
editor-svg.space-key:active{ cursor: grabbing!important;}

editor-svg[active-tool='panPointer']{ cursor: grab; }
editor-svg[active-tool='panPointer']:active{ cursor: grabbing; }

editor-svg[active-tool='zoomPointer']{ cursor:zoom-in; }



editor-svg[active-tool='selectionPointsPointer']{ cursor:url(cursors/arrowWhite_cur.png), default; }
editor-svg[active-tool='selectionPointsPointer'].alt-key:not(.space-key) { cursor:url(cursors/pathAddPoint_cur.png) 16 16, default; }
editor-svg[active-tool='selectionPointsPointer'].alt-key:not(.space-key)>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.resize,
editor-svg[active-tool='selectionPointsPointer'].alt-key:not(.space-key)>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.control-point-list>.interaction-point>.resize { cursor:url( cursors/pathRemovePoint_cur.png) 16 16, default!important; }


editor-svg[active-tool='drawRectanglePointer']{ cursor:url(cursors/rect_cur.png) 16 16, default; }
editor-svg[active-tool='drawRectanglePointer']:active{ cursor: crosshair; }

editor-svg[active-tool='drawEllipsePointer']{ cursor:url(cursors/ellipse_cur.png) 16 16, default; }
editor-svg[active-tool='drawEllipsePointer']:active{ cursor: crosshair; }

editor-svg[active-tool='drawLinePointer']{ cursor:url(cursors/line_cur.png) 16 16, default; }
editor-svg[active-tool='drawLinePointer']:active{ cursor: crosshair; }

editor-svg[active-tool='drawRegularPolygonPointer']{ cursor:crosshair; }

editor-svg[active-tool='drawFreehandPointer']{ cursor:url(cursors/pen_cur.png) 16 16, default; }
editor-svg[active-tool='drawFreehandPointer']:active{ cursor: crosshair; }

editor-svg[active-tool='drawArcPointer']{cursor:url(cursors/arc_cur.png) 16 16, default; }
editor-svg[active-tool='drawArcPointer']:active{ cursor:crosshair; }

editor-svg[active-tool='drawPathPointer']{ cursor:url(cursors/path_cur.png) 16 16, default; }
editor-svg[active-tool='drawPathPointer']:active{ cursor:crosshair; }

editor-svg[active-tool='drawEditTextPointer']{ cursor:url(cursors/textBox_cur.png) 16 16, default; }
editor-svg[active-tool='drawEditTextPointer'] text tspan:hover { cursor: text;}




editor-svg[active-tool='addRemovePointPointer']{ cursor:url(cursors/pathAddPoint_cur.png) 16 16, default; }
editor-svg[active-tool='addRemovePointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.translate,
editor-svg[active-tool='addRemovePointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.resize,
editor-svg[active-tool='addRemovePointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.control-point-list>.interaction-point>.resize{ cursor:url(cursors/pathRemovePoint_cur.png) 16 16, default; }
editor-svg[active-tool='addRemovePointPointer']:active{ cursor: nesw-resize; }


editor-svg[active-tool='splitPathPointer'],
editor-svg[active-tool='splitPathPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.resize{ cursor:url(cursors/pathCutter_cur.png) 16 16, default; }
editor-svg[active-tool='splitPathPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.translate,
editor-svg[active-tool='splitPathPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.control-point-list,
editor-svg[active-tool='splitPathPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>line{ display:none; }

editor-svg[active-tool='roundPathPointPointer']{ cursor:url(cursors/roundPathCorner_cur.png) 16 16, default; }
editor-svg[active-tool='roundPathPointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.translate,
editor-svg[active-tool='roundPathPointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.resize{ cursor:url(cursors/roundPathCornerOverVertex_cur.png) 16 16, default; }
editor-svg[active-tool='roundPathPointPointer']:active{ cursor: nesw-resize; }



editor-svg[active-tool='convertPathPointPointer']{ cursor:url(cursors/convertPathPoint_cur.png) 16 16, default; }
editor-svg[active-tool='convertPathPointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.translate,
editor-svg[active-tool='convertPathPointPointer']>.interaction>g[custom-element="points-interaction-svg"]>.path-interaction>.point-list>.interaction-point>.resize{ cursor:url(cursors/convertPathPointOverVertex_cur.png) 16 16, default; }
editor-svg[active-tool='convertPathPointPointer']:active{ cursor: nesw-resize; }







g[custom-element="arc-object"] > path[data-name="arc-stroke"] { pointer-events:none; }