#divBody {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -ms-user-select: none; 
    opacity: 0;
}

/* ------------- NEW -------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    touch-action: none;
    background-color: #fff;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn-bg .item-top {
    opacity: 0;
}

.btn-bg:hover .item-background {
    opacity: 0;
}

.btn-bg:hover .item-top {
    opacity: 1;
}

.draggable-zone {
    opacity: 0.001;
}

.draggable-zone:focus {
    outline: none !important;
}

.btn-pointer,
.cursor-pointer {
    cursor: pointer;
}
.cursor-pencil {
    background: gray;
    width: 32px;
    height: 32px;
    cursor: url(../images/pencilicon.png) 0 31, auto;
}

#graph-grid {
    opacity: 0;
}

#svg_root {
    background-color: transparent;
}



g[id*="-disabled"] {
    cursor: default;
}
use[id*="-disabled"] {
    cursor: default;
}

g[id*="-inactive"],
use[id*="-inactive"],
g[id*="rd-"] {
    cursor: pointer;
}

.rect-disabled {
    cursor: default !important;
}

:focus-visible,
:focus {
    outline: 0px !important;
}

#svg-pattern-1,
#svg-pattern-2,
#svg-pattern-3,
#svg-pattern-4,
#svg-pattern-5 {
    visibility: hidden;
    opacity: 0.2;
}

#svg-pattern-5 {
    visibility: visible;
}

html {
    touch-action: none;
    -ms-touch-action: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Tiêu chuẩn */
  }