.snap_endpoint     { background-image:url(../img/snap_endpoint.png);}
.snap_midpoint     { background-image:url(../img/snap_midpoint.png);}
.snap_cenpoint     { background-image:url(../img/snap_cenpoint.png);}
.snap_quadpoint    { background-image:url(../img/snap_quadpoint.png);}
.snap_intersection { background-image:url(../img/snap_intersection.png);}
.snap_perppoint    { background-image:url(../img/snap_perppoint.png);}
.snap_tanpoint     { background-image:url(../img/snap_tanpoint.png);}
.centermark        { background-image:url(../img/centermark.png);}
.crosshair         { background-image:url(../img/crosshair.png);}
.crosshair_pickbox { background-image:url(../img/crosshair_pickbox.png);}
.pickbox           { background-image:url(../img/pickbox.png);}

div.grippoint
{
  background-color:#0000ff;
  border: 1px solid #909090;
}

div.grippoint1
{
  background-color:#00ff00;
  border: 1px solid #909090;
}

div.grippoint2
{
  background-color:#ff0000;
  border: 1px solid #909090;
}

div.zoomWindow_white
{
  background-color: rgba(240, 240, 240, 0.2);
  border: 1px solid #ffffff;
}

div.selectionWindow_blue
{
  background-color: rgba(0, 0, 255, 0.2);
  border: 1px solid #ffffff;
}

div.selectionWindow_green
{
  background-color: rgba(0, 255, 0, 0.2);
  border: 1px dashed #ffffff;
}

div.dragger
{
    position: absolute;
    white-space: nowrap;
    height: 20px;
    pointer-events: none;
    border:none;
    outline: none;
    box-sizing: border-box;
    font-size: 13px;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    z-index: 1010;
    background-color: rgba(192, 192, 192, 0.7);
    color:#000000;    
}

div.dragger.locked
{
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;    
    background-image:url(../img/lock_16.png);
}

div.dragger.options
{
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto;    
    background-image:url(../img/arrow_bottom_16.png);
}

div.dragger span
{
    font-size: 13px;   
    color: #000000;
}

div.dragger span.highlighted
{
    background-color: rgba(22, 81, 121, 0.7);
    color:#ffffff;
}

div.dragger-dropdown-box
{
    position: absolute;
    white-space: nowrap;
    min-height: 32px;
    border:none;
    outline: none;
    box-sizing: border-box;
    z-index: 1010;
    background-color:#242424;    
}

div.dragger-dropdown-item
{
    display: flex;
    margin:1px;
    padding-left:8px;
    padding-right:8px;
    height:32px;
    min-width:48px;
    align-items: center; 
    font-size: 13px;
    user-select: none;
    box-sizing: border-box;    
    background-color:#ffffff;
    color:#242424;

}

div.dragger-dropdown-item.selected
{
    background-color:  #258292;
    color:#ffffff;    
}

div.dragger-dropdown-item:hover
{
    background-color:  #258292;
    color:#ffffff;
}

input.dragger
{
    position: absolute;    
    font-size: 13px; 
    height: 20px;
    border: 1px solid transparent;
    outline: none;
    box-sizing: border-box;   
    z-index: 1010; 
    color: #000000;  
}

input.dragger.error
{
    border: 1px solid #ff0000;
}