.sc-view.handles {

border: 1px rgba(185,192,255,0.5) dashed;
overflow: visible;

}

.sc-view.handles .handle {

background-color: #ffdfb2;
width: 7px;
height: 7px;
position: absolute;
top: 50%;
left: 50%;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 0px;
opacity: 0.9;
margin-left: -4px;
margin-top: -4px;

}

.sc-view.handles .handle.top {

margin-top: 0;
top: -4px;
cursor: row-resize;

}

.sc-view.handles .handle.bottom {

margin-top: 0;
top:  auto;
bottom: -4px;
cursor: row-resize;

}

.sc-view.handles .handle.left {

margin-left: 0;
left: -4px;
cursor: col-resize;

}

.sc-view.handles .handle.right {

margin-left: 0;
left:  auto;
right: -4px;
cursor: col-resize;

}

.sc-view.handles .handle.top.left, .sc-view.handles .handle.bottom.right {

cursor: default;

}

.sc-view.handles .handle.top.right, .sc-view.handles .handle.bottom.left {

cursor: default;

}