/* --------------------------------------- */
.none {
    display: none;
}
/* --------------------------------------- */
.d-root {
    position: relative;
    touch-callout:none;
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
}
.d-root .d-bg,
.d-root .d-elm,
.d-root .d-line,
.d-root .d-act {
    overflow: hidden;
    position: absolute;
    top : 0;
    left: 0;
}
.d-root .d-dummy {
    width : 1px;
    height: 1px;
    overflow: hidden;
    top: -100px;
}
/* --------------------------------------- */
.d-master-rotate {
    cursor: crosshair;
}
.d-master-move {
    cursor: move;
}
.d-master-resize-nw {
    cursor: nw-resize;
}
.d-master-resize-n {
    cursor: n-resize;
}
.d-master-resize-ne {
    cursor: ne-resize;
}
.d-master-resize-e {
    cursor: e-resize;
}
.d-master-resize-se {
    cursor: se-resize;
}
.d-master-resize-s {
    cursor: s-resize;
}
.d-master-resize-sw {
    cursor: sw-resize;
}
.d-master-resize-w {
    cursor: w-resize;
}
/* --------------------------------------- */
.d-elm-rect {
    cursor: move;
}
/* --------------------------------------- */
.d-root.move-disabled .d-barh,
.d-root.move-disabled .d-barv {
    display: none !important;
}
.d-barh {
    position: absolute;
    left  : 0;
    bottom: -22px;
    width : 100%;
    height: 16px;
    background-color: #CFCFCF;
    border-radius: 32px;
}
.d-barv {
    position: absolute;
    right : -22px;
    top   : 0;
    width : 16px;
    height: 100%;
    background-color: #CFCFCF;
    border-radius: 32px;
}
.d-barh div,
.d-barv div {
    background-color: #4d76d2;
    margin: 0;
    width : 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 32px;
}
/* --------------------------------------- */
.d-actbg {
    position: fixed;
    top : 0;
    left: 0;
    width : 100%;
    height: 100%;
    background: url("../img/none.png");
}
.d-actbg-move {
    cursor: move;
}
.d-actbg-rotate {
    cursor: crosshair;
}
.d-actbg-resize-n {
    cursor: n-resize;
}
.d-actbg-resize-s {
    cursor: s-resize;
}
.d-actbg-resize-w {
    cursor: w-resize;
}
.d-actbg-resize-e {
    cursor: e-resize;
}
.d-actbg-resize-ne {
    cursor: ne-resize;
}
.d-actbg-resize-nw {
    cursor: nw-resize;
}
.d-actbg-resize-se {
    cursor: se-resize;
}
.d-actbg-resize-sw {
    cursor: sw-resize;
}
/* --------------------------------------- */
.d-dpi-alert {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}
.d-dpi-alert div:first-child {
    margin-top: 0;
}
.d-dpi-alert div {
    display: none;
    padding: 3px 16px 5px;
    margin: 5px 0 0 5px;
    color: #c22525;
    font-weight: bold;
    font-size: 14px;
    border-radius: 32px;
    letter-spacing: .05em;
}
.d-dpi-alert div i {
    padding: 0 4px 0 0;
}
.d-dpi-alert div.d-dpi-alert-warning {
    background: rgba(230, 217, 31, 0.5);
}
.d-dpi-alert div.d-dpi-alert-alert {
    background: rgba(255, 94, 94, 0.50);
}
.d-dpi-alert.view-warning div.d-dpi-alert-warning,
.d-dpi-alert.view-alert div.d-dpi-alert-alert {
    display: block;
}
/* --------------------------------------- */
.d-master-action-g2 {
    cursor: pointer;
}
.d-master-action-g2:hover text,
.d-master-action-g2:focus text {
    opacity   : 1;
    transition: opacity 120ms ease-out;
}
.device-mobile svg .d-master-action-g2 text {
    opacity   : 1;
}
/* --------------------------------------- */