/**
* The setting to make cursor look like default one for all the elements.
* It should not change while mouse is over text boxes or links.
*/
* {
    cursor: default;
}
/** SelectPanel styles */
.ui-selectPanel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    cursor: pointer;
    box-sizing: border-box !important;
    pointer-events: none;
}

.ui-selectPanel_background {
    height: 100%;
    border: 1px dashed #d63f80;
    cursor: pointer;
    box-sizing: border-box !important;
    pointer-events: none;
}

.ui-selectPanel_bp {
    position: absolute;
    bottom: 2px;
    right: 2px;
    background-color: white;
    border: 1px solid #ccc;
    padding-left: 2px;
    z-index: 3000;
    box-sizing: border-box !important;
    pointer-events: auto;
}

.ui-selectPanel_bp.ui-controlgroup {
    margin: 0;
    box-sizing: border-box !important;
}

.ui-selectPanel_upBtn, .ui-selectPanel_delBtn, .ui-selectPanel_addBtn {
    margin: 2px 2px 2px 0;
    background: #666;
    background: rgba(0, 0, 0, .4);
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    height: 14px;
    width: 14px;
    background-size: 14px;
    float: left;
    box-sizing: border-box !important;
}

.ui-selectPanel_upBtn {
    background-image: url(mobile/images/up.png);
}

.ui-selectPanel_delBtn {
    background-image: url(mobile/images/remove.png);
}

.ui-selectPanel_addBtn {
    background-image: url(mobile/images/star.png);
}

/** Overlay placeholder styles */
.maskEl {
    border: 1px solid red;
    pointer-events: none;
    position: absolute;
    display: none;
}
.maskEl .rt, .maskEl .ct, .maskEl .lt,
.maskEl .rc, .maskEl .lc,
.maskEl .rb, .maskEl .cb, .maskEl .lb {
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: red;
    display: none;
}
.maskEl .rt {top: -3px; right: -3px;}
.maskEl .ct {top: -3px; right: 49%;}
.maskEl .lt {top: -3px; left: -3px;}
.maskEl .rc {top: 49%; right: -3px;}
.maskEl .lc {top: 49%; left: -3px;}
.maskEl .rb {bottom: -3px; right: -3px;}
.maskEl .cb {bottom: -3px; right: 49%;}
.maskEl .lb {bottom: -3px; left: -3px;}
.tiggzi-resizable .rt, .tiggzi-resizable .ct, .tiggzi-resizable .lt,
.tiggzi-resizable .rc, .tiggzi-resizable .lc,
.tiggzi-resizable .rb, .tiggzi-resizable .cb, .tiggzi-resizable .lb {
	display: block !important;
}


.selectedParent {
    border: 1px dashed #007c05;
    box-sizing: border-box !important;
}

.ciPlaceholder {
    border: 1px dotted #999 !important;
    margin: 5px;
    box-sizing: border-box !important;
}

.ui-sortable-placeholder {
    cursor: move;
}

/* for re resizable */
.ui-resizable {
    position: absolute;
}
.ui-resizable-handle {
    pointer-events: auto !important;
}
.ui-resizable-handle.ui-icon {
    background:none !important;
}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
