/* =========================
   Sign OVERLAY
========================= */
.SignBoxoverlay{
    position:absolute;
    inset:0;
    z-index:100001;
    display:none;
    background:rgba(0,0,0,.18);
}

.CustBoxoverlay.show{
    display:block;
}

/* =========================
   WINDOW
========================= */
.SignBox-window{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

    width:700px;
    height:700px;

    background:#eef3f8;
    border:1px solid #7f9db9;
    box-shadow:0 0 12px rgba(0,0,0,.35);

    padding:8px;
    box-sizing:border-box;

    font:11px Tahoma, Arial;
    color:#000;
}

/* =========================
   TITLE BAR
========================= */
.SignTitleBar{
    height:28px;
    margin:-8px -8px 8px -8px;

    background:linear-gradient(#d9ecff,#a9c9e8);
    border-bottom:1px solid #7f9db9;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 4px 0 8px;
    box-sizing:border-box;
}

.SignTitleText{
    font:bold 12px Tahoma;
    color:#1f344a;
}

.btnSignClose{
    width:24px;
    height:20px;
    padding:0;

    background:linear-gradient(#ffb5a8,#d94b36) !important;
    border:1px solid #8c2f22 !important;

    color:#fff !important;
    font:bold 11px Tahoma;
    cursor:pointer;
}

#drawCanvas{
    display:block;
    width:100%;
    height:85%;
    padding:0;
    margin:0;
    border:2px solid #000;
    box-sizing:border-box;
    cursor:crosshair;
    touch-action:none;
}