.svg-sub-line { /*подложка*/
  stroke-width: 10;
  stroke: var(--color-black-500);
  opacity: 0;
}

.svg-sub-line-min { /*подложка*/
  stroke-width: 4;
  stroke: var(--color-black-500);
  opacity: 0;
}

.svg-sub-polyline { /*подложка*/
  stroke: none;
  opacity: 0;
}

.svg-line {
  stroke-width: 2;
  fill: none;
}

.svg-point {
  stroke: none;
}

.svg-point-select {
  stroke: none;
  fill: var(--color-green-300);
}

.svg-color-1 { /*синий*/
  stroke: var(--color-blue-400);
  fill: var(--color-blue-400);
}

.svg-color-2 { /*оранжевый*/
  stroke: var(--color-orange-500);
  fill: var(--color-orange-500);
}

.duct-flex {
  fill: none;
  stroke-width: 6;
  stroke-dasharray: 1px 4px;
}

.duct-insulation {
  fill: none;
  stroke-width: 2;
  stroke-dasharray: 5px 5px;  
}

.block-svg-drawing {
  overflow-x: scroll;
  overflow-y: scroll;
  width: 1125px;
  cursor: var(--svg-cursor-drawing);  
  background-color: var(--svg-drawing-bg-color);
  border-radius: 0 0 2px 2px;
  outline: none !important;
}

.svg-drawing {
  border-radius: 10px;
  overflow: hidden;
}

.svg-menu-container {
  background-color: var(--table-header-bg-color);
  padding: 8px 10px;
  user-select: none;
}

.svg-menu td {
  cursor: pointer;
}  
  
.svg-menu td {
  text-align: center;
}

.svg-menu-separator {
 display: inline-block;
  height: 60px;
  position: relative;
  width: 15px;
  float: left;
  text-align: center;
}

.svg-menu-separator:before {
  content: "";
  display: inline-block;
  border-left: 1px solid var(--table-header-border-color);
  height: 56px;
  margin: 2px 0;
}

.svg-menu-btn {
  font-size: 17px;
  line-height: 36px;
  width: 34px;
  display: inline-block;
}
.svg-menu-btn.icon-cog {
  font-size: 20px;
}

.svg-menu-btn-drawing,
.svg-menu-btn-edit {
  cursor: pointer;
  font-size: 22px;
  line-height: 36px;
  padding: 0 8px;
  display: inline-block;
}

.svg-menu-btn-drawing,
.svg-menu-btn-edit,
.svg-menu-btn {
  color: var(--svg-btn-menu-color);
}

.svg-menu-btn-drawing:hover,
.svg-menu-btn-edit:hover,
.svg-menu-btn:hover {
  /* transform: scale(1.08); */
  /* -webkit-filter: var(--svg-menu-btn-hov-brig); */
  color: var(--svg-menu-btn-hov-color);
}

.svg-menu .table-menu-btn-edit,
.svg-menu .table-menu-btn-copy, 
.svg-menu .table-menu-btn-сompound { 
  width: 30px;
  line-height: 30px;
}

.block-svg-note {
  text-align: center;
  position: relative;
  width: 100%; 
  height: 0;
}

.svg-note {
  display: inline-block;
  position: relative;
  user-select: none;
  padding: 10px 10px;
  background-color: var(--svg-note-bg-color);
  z-index: 5;
}

.svg-ray-1,
.svg-ray-2 {
  stroke: var(--color-green-300);
  stroke-dasharray: 5px 5px;
  stroke-width: 1;
}

.svg-ray-2 {
  stroke-dasharray: 1px 5px;
  stroke: var(--color-gray-700);
}

.svg-frame-1,
.svg-frame-2 {
  fill-opacity: 0.3;
  stroke: var(--color-gray-700);
  stroke-dasharray: 5px 5px;
  stroke-width: 1;
}

.svg-frame-1 {
  fill: #3DCF4B;
}

.svg-frame-2 {
  fill: var(--color-blue-400);
}

.cursor-cross {
  color: blue;
}

.cursor-select {
  cursor: var(--svg-cursor-select);
}

.cursor-pan-off {
  cursor: grab;
}

.cursor-pan-on {
  cursor: grabbing;
}

.svg-leader-line {
  fill: none;
  stroke-width: 1;
  stroke: var(--svg-leader-color);
}

.svg-leader-text {
  font-size: 14px;
  user-select: none;
  fill: var(--svg-leader-color);
}

.svg-marker-error {
  fill: none;
  stroke-width: 1;
  stroke: var(--color-red-400);
}

.svg-marker-main-direction {
  fill: var(--color-red-400);
}

.gap { /*разрыв*/
  fill: none;
  stroke-width: 2;
  /* stroke: var(--color-black-300); */
  stroke: var(--color-gray-700);
  stroke-dasharray: 7px 7px;
}