#svgroot {
  -moz-user-select: none;
  -webkit-user-select: none;
  display: block;
}

#svg_editor {
  background: var(--z1);
}

#svgcanvas {
/*  background-color: var(--z2);*/
  display: block;
}

#workarea {
  width: 70%;
  display: block;
  /*position:absolute;
  top: var(--x8);
  left: var(--x12);
  bottom: var(--x10);
  right: calc(var(--panel-width) + var(--x4));
  background-color: #c1c1c1;*/
  /*background-color: var(--z2);*/
  overflow: hidden;
  /*align-items: center;
  justify-content: center;*/
  /*border-radius: var(--x2);
  box-shadow: var(--shadow-bg);*/
  position: relative;
  transition: transform 500ms cubic-bezier(0.13,0.66,0.24,0.92);
}
#svgcanvas {
  width: 100% !important;
  height: 650px !important;
  display: flex !important;
}
#svgcanvas > svg {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  width: auto !important;
  border: 1px solid #ccc;
  height: 645px !important;
}
#loading {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.seamcut-result {
  width: 30%;
  padding: 20px;
  max-width: 500px;
  margin-left: 20px;
  background-color: #f9f9f9;
}
#method-draw {
  display: flex;
  padding: 0 30px;
  justify-content: center;
}
.inverted #svgcanvas,
.inverted #workarea {
  background:  var(--z1);
}

#workarea.rect, #workarea.line, #workarea.ellipse, #workarea.path, #workarea.shapelib {
  cursor: crosshair;
}

#workarea.text {
  cursor: text;
}

#workarea.eyedropper {
  cursor: url(../images/eyedropper.svg) 0 16, crosshair;
}

#workarea.fhpath {
  cursor: url(../images/pencil_cursor.png) 0 16, crosshair;
}

#workarea.rotate * {
  cursor: url(../images/rotate.png) 12 12, auto;
}

#workarea.select text, #workarea.multiselect text {
  cursor: default;
}

#workarea.n-resize * {cursor: n-resize !important;}
#workarea.e-resize * {cursor: e-resize !important;}
#workarea.w-resize * {cursor: w-resize !important;}
#workarea.s-resize * {cursor: s-resize !important;}

#workarea.ne-resize * {cursor: ne-resize !important;}
#workarea.se-resize * {cursor: se-resize !important;}
#workarea.nw-resize * {cursor: nw-resize !important;}
#workarea.sw-resize * {cursor: sw-resize !important;}

#workspace.dragging *,
body.dragging * {
  cursor: url(../images/dragging.png), move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

#workspace.drag * {
  cursor: url(../images/dragging.png), move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

#workarea.copy {
  cursor: copy;
}

#workarea.zoom {
  cursor: crosshair;
  cursor:-moz-zoom-in;
  cursor:-webkit-zoom-in;
}
#workarea.zoom.out {
  cursor: crosshair;
  cursor:-moz-zoom-out;
  cursor:-webkit-zoom-out;
}

#selectorRubberBand {
  shape-rendering: crispEdges;
}
.scaleInputs, .custSize{width: 92%;}
#submitScale, #createCustRect{
  margin-top: 10px;
  padding: 5px 10px;
  display: block;
  font-size: 12px;
  width: auto;
}
#scaleMsg{color: white;}
.menu_list.transitions .menu_item {
  display: flex;
  align-items: center;
}
.menu_list.transitions .menu_item b {
  width: 20px;
  height: 20px;
  margin-left: auto;
  background: #ccc;
  box-sizing: border-box;
  position: absolute;
  right: 15px;
}
.menu_list.transitions .menu_item:hover {}
#dialog_content{padding: 26px !important;}
#dialog_buttons input[type=button] {
    margin: 1em !important;
}
sub{color: red;}
text{
  pointer-events: none  !important;
}