/*****************************************************jQuery-UI *****************************************************/
.ui-resizable-helper {
    border: 1px dotted #00F !important;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}



/****************************************************GroupCanvas*****************************************************/
.resizableDiv:hover {
    border: 1px solid gray;
}

.resizableDiv.ui-state-disabled.ui-draggable-disabled {
    opacity: 1;
}

.gcShape {  
    background: none; 
    position: absolute !important;
    background-image: none;
    margin: 0;
    border: 1px solid transparent;    
}

.gcShapeSelected {
    background: none; 
    position: absolute !important;
    margin: 0;
    border: 1px solid gray;
}

.gcShapeHelper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;  
}

.showResizableHandle {
    display:block !important;
}

.resizableDiv .ui-resizable-n {
    cursor: n-resize;
    width: 10px;
    height: 10px;
    top: -5px;
    left: 50%;
    margin-left:-5px;
    background: white;
    border-top: 1px solid grey;
}

.resizableDiv .ui-resizable-s {
    cursor: s-resize;
    width: 10px;
    height: 10px;
    bottom: -5px;
    left: 50%;
    margin-left:-5px;
    background: white;
    border-bottom: 1px solid grey;
}

.resizableDiv .ui-resizable-w {
    cursor: w-resize;
    width: 10px;
    height: 10px;
    top: 50%;
    left: -5px;
    margin-top:-5px;
    background: white;
    border-left: 1px solid grey;
}

.resizableDiv .ui-resizable-e {
    cursor: e-resize;
    width: 10px;
    height: 10px;
    top: 50%;
    right: -5px;
    margin-top:-5px;
    background: white;
    border-right: 1px solid grey;
}

.resizableDiv .ui-resizable-se {
    cursor: se-resize;
    width: 10px;
    height: 10px;
    right: -5px;
    bottom: -5px;
    background: white;
    border: 1px solid grey;
    background-image: url("");
}

.resizableDiv .ui-resizable-sw {
    cursor: sw-resize;
    width: 10px;
    height: 10px;
    left: -5px;
    bottom: -5px;
    background: white;
    border: 1px solid grey;
}

.resizableDiv .ui-resizable-nw {
    cursor: nw-resize;
    width: 10px;
    height: 10px;
    left: -5px;
    top: -5px;
    background: white;
    border: 1px solid grey;
}

.resizableDiv .ui-resizable-ne {
    cursor: ne-resize;
    width: 10px;
    height: 10px;
    right: -5px;
    top: -5px;
    background: white;
    border: 1px solid grey;
}

.gcShape.outlined {
    border: 1px outset blue;
    border-style:solid;
}
.gcImageBox.outlined {
    border: 1px outset blue;
    border-style:dashed;
}
.gcShape.readOnly {
    border: none !important;
}

.gcShapeSelected.outlined {
    border: 1px outset blue;
    border-style:solid;
}
.gcShapeSelected.gcImageBox.outlined {
    border: 1px outset blue;
    border-style:dashed;
}