.layout_Border {
    width: 100%;
    height: 100%;
}

.layout_Border>.border-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.layout_Border>.borderHandle {
    width: 6px;
    height: 6px;
    background-color: #444;
    opacity: 0.3;
    position: absolute;
    visibility: hidden;
}

.layout_Border.design-mode>.borderHandle {
    visibility: visible;
}

.layout_Border>.borderHandle:hover {
    background-color: #666;
}

.layout_Border>.borderHandle.borderHandleDisabled {
    display: none;
}

.layout_Border>.borderHandle_top,
.layout_Border>.borderHandle_bottom {
    cursor: ns-resize;
}

.layout_Border>.borderHandle_left,
.layout_Border>.borderHandle_right {
    cursor: ew-resize;
}

.layout_Border .cell {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    overflow: hidden;
}

.layout_Border .cell h2 {
    margin: 0px;
    padding-top: 4px;
    -webkit-margin: 0px;
    text-align: center;
}

.layout_Border .layout_BorderCell.over {
    border: 2px dashed #000;
}

.layout_Border .dragItem {
    z-index: -1;
    opacity: 0.33;
}

.layout_Border .notDragItem {
    z-index: -1;
    opacity: 1;
}

.layout_Border div[draggable=true] {
    opacity: 0.75;
    cursor: default;
}

.layout_Border div[draggable=true] .dragHandle {
    opacity: 1.0;
}

.layout_Border div[draggable=true] .dragHandle_n,
.layout_Border div[draggable=true] .dragHandle_e,
.layout_Border div[draggable=true] .dragHandle_s,
.layout_Border div[draggable=true] .dragHandle_w {
    background-color: #AAA;
}

.layout_Border div[draggable=true] .dragHandle_nw,
.layout_Border div[draggable=true] .dragHandle_ne,
.layout_Border div[draggable=true] .dragHandle_se,
.layout_Border div[draggable=true] .dragHandle_sw {
    background-color: #333;
}

.layout_Border div[draggable=true] .dragHandle_nw {
    cursor: nw-resize;
}

.layout_Border div[draggable=true] .dragHandle_n {
    cursor: n-resize;
}

.layout_Border div[draggable=true] .dragHandle_ne {
    cursor: ne-resize;
}

.layout_Border div[draggable=true] .dragHandle_e {
    cursor: e-resize;
}

.layout_Border div[draggable=true] .dragHandle_se {
    cursor: se-resize;
}

.layout_Border div[draggable=true] .dragHandle_s {
    cursor: s-resize;
}

.layout_Border div[draggable=true] .dragHandle_sw {
    cursor: sw-resize;
}

.layout_Border div[draggable=true] .dragHandle_w {
    cursor: w-resize;
}

.layout_Border div[draggable=false]>div>.dragHandle {
    display: none;
}

.layout_Border .grid-drop-target {
    position: fixed;
    box-sizing: border-box;
    border: 2px dashed #7f8c8d;
    border-radius: 0px;
    background: repeating-linear-gradient(-45deg,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0) 4px,
            rgba(100, 100, 100, 0.1) 4px,
            rgba(100, 100, 100, 0.1) 8px);
}

.layout_Border .grid-drop-target.drop-target-over {
    border: 2px dashed #179BD7;
    background: repeating-linear-gradient(-45deg,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0) 6px,
            rgba(17, 155, 215, 0.1) 6px,
            rgba(17, 155, 215, 0.1) 12px);
}