/* Override default control style */
.ecogis-draw_ctrl-bottom-left,
.ecogis-draw_ctrl-top-left {
  margin-left: 0;
  border-radius: 0 4px 4px 0;
}
.ecogis-draw_ctrl-top-right,
.ecogis-draw_ctrl-bottom-right {
  margin-right: 0;
  border-radius: 4px 0 0 4px;
}

.ecogis-draw_ctrl-draw-btn {
  border-color: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.5);
  width: 30px;
  height: 30px;
}

.ecogis-draw_ctrl-draw-btn.active,
.ecogis-draw_ctrl-draw-btn.active:hover {
  background-color: rgb(0 0 0/5%);
}
.ecogis-draw_ctrl-draw-btn {
  background-repeat: no-repeat;
  background-position: center;
}

.ecogis-draw_point {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>');
}
.ecogis-draw_polygon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><polygon points="5,2 15,5 13,15 7,15 5,5" stroke="black" fill="none" stroke-width="2"/></svg>');
}
.ecogis-draw_line {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>');
}
.ecogis-draw_trash {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>');
}
.ecogis-draw_uncombine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>');
}
.ecogis-draw_combine {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>');
}

.ecogis-draw_paint {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGlkPSJGbGF0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0yMTYsMjRINzJBNDAuMDQ1NTIsNDAuMDQ1NTIsMCwwLDAsMzIsNjR2NzJhMjQuMDI3NSwyNC4wMjc1LDAsMCwwLDI0LDI0aDQ2Ljc3NTg4bC02LjY5NTMxLDQ2Ljg2ODE2QTcuOTc5NzksNy45Nzk3OSwwLDAsMCw5NiwyMDhhMzIsMzIsMCwwLDAsNjQsMCw3Ljk3OTc5LDcuOTc5NzksMCwwLDAtLjA4MDU3LTEuMTMxODRMMTUzLjIyNDEyLDE2MEgyMDBhMjQuMDI3NSwyNC4wMjc1LDAsMCwwLDI0LTI0VjMyQTguMDAwMDgsOC4wMDAwOCwwLDAsMCwyMTYsMjRabS04LDgwSDQ4VjY0QTI0LjAyNzUsMjQuMDI3NSwwLDAsMSw3Miw0MEgxNzZWODBhOCw4LDAsMCwwLDE2LDBWNDBoMTZaIi8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}

.ecogis-draw_circle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuNUM3LjgwNjE0IDEuNDk5MSA1LjY5NjkgMi4zNDY0OSA0LjExMzQzIDMuODY0OTNDMi41Mjk5NiA1LjM4MzM2IDEuNTk0OTEgNy40NTUyMyAxLjUwMzg2IDkuNjQ3MkMxLjQxMjggMTEuODM5MiAyLjE3Mjc4IDEzLjk4MTUgMy42MjQ4NiAxNS42MjZDNS4wNzY5MyAxNy4yNzA1IDcuMTA4NjMgMTguMjg5OSA5LjI5NSAxOC40NzFMOS4wNjEgMTkuNDA3QzkuMDE0OTEgMTkuNTg0MiA4Ljk5MzM3IDE5Ljc2NjkgOC45OTcgMTkuOTVDMy45NDUgMTkuNDQ3IDAgMTUuMTg0IDAgMTBDMCA0LjQ3NyA0LjQ3NyAwIDEwIDBDMTUuMjcgMCAxOS41ODkgNC4wNzcgMTkuOTcyIDkuMjVDMTkuNTczNCA5LjA4NTMyIDE5LjE0NjMgOS4wMDAzOSAxOC43MTUgOUgxOC43MTNDMTguNjIzIDkgMTguNTMzIDkuMDAzNjcgMTguNDQzIDkuMDExQzE4LjIwMDYgNi45NDE5NCAxNy4yMDY4IDUuMDMzOTQgMTUuNjUwNCAzLjY0OTNDMTQuMDkzOSAyLjI2NDY3IDEyLjA4MzIgMS40OTk4MiAxMCAxLjVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTguNzE1IDEwSDE4LjcxM0MxOC4xMjggMTAgMTcuNTQzIDEwLjIyMyAxNy4wOTggMTAuNjdMMTEuMTk2IDE2LjU3MkMxMC44NTIzIDE2LjkxNjQgMTAuNjA4IDE3LjM0NzIgMTAuNDg5IDE3LjgxOUwxMC4wMzEgMTkuNjVDOS45ODU0NSAxOS44MzIyIDkuOTg3ODcgMjAuMDIzIDEwLjAzOCAyMC4yMDRDMTAuMDg4MiAyMC4zODUgMTAuMTg0NCAyMC41NDk4IDEwLjMxNzIgMjAuNjgyNkMxMC40NSAyMC44MTUzIDEwLjYxNSAyMC45MTE0IDEwLjc5NiAyMC45NjE0QzEwLjk3NyAyMS4wMTE0IDExLjE2NzkgMjEuMDEzNyAxMS4zNSAyMC45NjhMMTMuMTggMjAuNTExQzEzLjY1MjEgMjAuMzkyMiAxNC4wODMzIDIwLjE0NzkgMTQuNDI4IDE5LjgwNEwyMC4zMyAxMy45MDJDMjAuNjQ5OSAxMy41ODI1IDIwLjg2NzkgMTMuMTc1NCAyMC45NTY0IDEyLjczMkMyMS4wNDQ4IDEyLjI4ODYgMjAuOTk5NyAxMS44Mjg5IDIwLjgyNjggMTEuNDExMkMyMC42NTM5IDEwLjk5MzQgMjAuMzYxIDEwLjYzNjMgMTkuOTg1IDEwLjM4NTFDMTkuNjA5MSAxMC4xMzM5IDE5LjE2NzEgOS45OTk5IDE4LjcxNSAxMFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.ecogis-draw_drag_circle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuNUM3LjgwNjE0IDEuNDk5MSA1LjY5NjkgMi4zNDY0OSA0LjExMzQzIDMuODY0OTNDMi41Mjk5NiA1LjM4MzM2IDEuNTk0OTEgNy40NTUyMyAxLjUwMzg2IDkuNjQ3MkMxLjQxMjggMTEuODM5MiAyLjE3Mjc4IDEzLjk4MTUgMy42MjQ4NiAxNS42MjZDNS4wNzY5MyAxNy4yNzA1IDcuMTA4NjMgMTguMjg5OSA5LjI5NSAxOC40NzFMOS4wNjEgMTkuNDA3QzkuMDE0OTEgMTkuNTg0MiA4Ljk5MzM3IDE5Ljc2NjkgOC45OTcgMTkuOTVDMy45NDUgMTkuNDQ3IDAgMTUuMTg0IDAgMTBDMCA0LjQ3NyA0LjQ3NyAwIDEwIDBDMTUuMjcgMCAxOS41ODkgNC4wNzcgMTkuOTcyIDkuMjVDMTkuNTczNCA5LjA4NTMyIDE5LjE0NjMgOS4wMDAzOSAxOC43MTUgOUgxOC43MTNDMTguNjIzIDkgMTguNTMzIDkuMDAzNjcgMTguNDQzIDkuMDExQzE4LjIwMDYgNi45NDE5NCAxNy4yMDY4IDUuMDMzOTQgMTUuNjUwNCAzLjY0OTNDMTQuMDkzOSAyLjI2NDY3IDEyLjA4MzIgMS40OTk4MiAxMCAxLjVaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMTQuNSAyMEwxMi4zIDE3LjhIMTYuN0wxNC41IDIwWk0xNC41IDlMMTYuNyAxMS4ySDEyLjNMMTQuNSA5Wk0xNC41IDE1LjZDMTQuMjA4MyAxNS42IDEzLjkyODUgMTUuNDg0MSAxMy43MjIyIDE1LjI3NzhDMTMuNTE1OSAxNS4wNzE1IDEzLjQgMTQuNzkxNyAxMy40IDE0LjVDMTMuNCAxNC4yMDgzIDEzLjUxNTkgMTMuOTI4NSAxMy43MjIyIDEzLjcyMjJDMTMuOTI4NSAxMy41MTU5IDE0LjIwODMgMTMuNCAxNC41IDEzLjRDMTQuNzkxNyAxMy40IDE1LjA3MTUgMTMuNTE1OSAxNS4yNzc4IDEzLjcyMjJDMTUuNDg0MSAxMy45Mjg1IDE1LjYgMTQuMjA4MyAxNS42IDE0LjVDMTUuNiAxNC43OTE3IDE1LjQ4NDEgMTUuMDcxNSAxNS4yNzc4IDE1LjI3NzhDMTUuMDcxNSAxNS40ODQxIDE0Ljc5MTcgMTUuNiAxNC41IDE1LjZaTTkgMTQuNUwxMS4yIDEyLjNWMTYuN0w5IDE0LjVaTTIwIDE0LjVMMTcuOCAxNi43VjEyLjNMMjAgMTQuNVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.ecogis-draw_square {
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}
.ecogis-draw_rectangle {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><rect x="3" y="5" width="14" height="10" stroke="black" fill="none" stroke-width="2"/></svg>');
}

.ecogis-map.mouse-pointer .ecogis-canvas-container.ecogis-interactive {
  cursor: pointer;
}
.ecogis-map.mouse-move .ecogis-canvas-container.ecogis-interactive {
  cursor: move;
}
.ecogis-map.mouse-add .ecogis-canvas-container.ecogis-interactive {
  cursor: crosshair;
}
.ecogis-map.mouse-move.mode-direct_select
  .ecogis-canvas-container.ecogis-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ecogis-map.mode-direct_select.feature-vertex.mouse-move
  .ecogis-canvas-container.ecogis-interactive {
  cursor: move;
}
.ecogis-map.mode-direct_select.feature-midpoint.mouse-pointer
  .ecogis-canvas-container.ecogis-interactive {
  cursor: cell;
}
.ecogis-map.mode-direct_select.feature-feature.mouse-move
  .ecogis-canvas-container.ecogis-interactive {
  cursor: move;
}
.ecogis-map.mode-static.mouse-pointer
  .ecogis-canvas-container.ecogis-interactive {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.ecogis-draw_boxselect {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.1);
  border: 2px dotted #fff;
  opacity: 0.5;
}