.ui-resizable-handle {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;


}
.ui-resizable-n{
    top: -6px;
    left: calc(50% - 10px);
	width: 20px;
    height: 4px;
	

}
.ui-resizable-e
{
    right:-6px;
    top: calc(50% - 10px);   
	width: 4px;
    height: 20px; 
}
.ui-resizable-s
{
    bottom: -6px;
    left: calc(50% - 10px);
    width: 20px;
    height: 4px;
}

.ui-resizable-w
{
    left:-6px;
    top: calc(50% - 10px);
	width: 4px;
    height: 20px;
}

.ui-resizable-nw
{
    left: -8px;
    top: -8px;    
    width: 6px;
    height: 6px;
}
.ui-resizable-ne
{
    top: -8px;
    right: -8px; 
	width: 6px;
    height: 6px;
}
.ui-resizable-sw
{
    bottom: -8px;
    left: -8px;
	width: 6px;
    height: 6px;
}
.ui-resizable-se
{
    bottom: -8px;
    right: -8px;
	width: 6px;
    height: 6px;
}

.ui-resizable-helper { 
border: 1px dotted #CCC; 
}