/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; }

.dd-list { display: block; /*position: relative; z-index: 1;*/ margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 25px; }
.dd-collapsed .dd-list { display: none; }


.dd-item{ display: block; margin: 0; padding: 0; min-height: 41px; font-size: 14px; line-height: 39px;  -webkit-border-radius: 3px; border-radius: 3px; }

div.delete, div.copy, div.publish, div.wrench { position: absolute; left: 1px; top: 1px; width: 30px; line-height: 39px; height: 39px; text-align: center; border-right: 1px solid #aaa; background: #eee; cursor: pointer; z-index: 2;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

div.delete i.fa{ position: absolute; left: 0; top: 13px; width: 100%; text-align: center; }
div.copy i.fa{ position: absolute; left: 0; top: 13px; width: 100%; text-align: center; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 39px; margin: 1px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px;
 text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; top: 50%; margin-top: -6px; }
.dd-item > button[data-action="collapse"]:before { content: '-'; margin-top: -7px; }

.dd-placeholder{ margin: 5px 0; padding: 0; min-height: 40px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
/*.dd-empty { margin: 0; padding: 0; min-width: 80px; min-height: 30px; height: 30px; overflow: hidden; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; display: inline-block; }*/
#newobject .dd-placeholder { margin: 0; padding: 0; min-width: 80px; min-height: 30px; height: 30px; overflow: hidden; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; display: inline-block; }

/*

.dd-empty { border: 1px dashed #bbb; min-height: 30px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

*/

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; z-index: 1;}
.dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);  box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); opacity: 1; }
.dd-dragel .dd3-content span{ display: none; }
.dd-dragel .dd3-content i.fa{ margin-right: 10px; }
.dd-dragel > .dd-item  .multi-select { display: none; }
.dd-dragel .dd3-content{ background: #ffffff; }

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 41px; line-height: 39px; margin: 7px 0; padding: 0 10px 0 40px; text-decoration: none; border: 1px solid #bcbcbc; font-weight: 600; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; }

.dd3-content { font-size: 13px; }
.dd3-content a{ font-size: 13px; color: #000; }

/*
.dd3-content.state2{ background: rgba(248,172,89,0.2); }
.dd3-content.state3{ opacity: 0.3; }
.dd3-content.state3 + div.icons *{ opacity: 0.3; }
*/

.dd3-content:before{ content: ""; display: block; width: 2px; height: 41px; position: absolute; top: -1px; left: -1px; }
.dd3-content.state1:before{ background: #167a66; }
.dd3-content.state2:before{ background: #f5ab5f; }
.dd3-content.state3:before{ background: #ed5565; }

.dd3-content.clicked{ background: #b7d9e4!important; }
.dd3-content.clicked:hover{ background: #b7d9e4; }

.dd3-content:hover { background: #f8f8f8; }

.dd-dragel > .dd-item > .dd3-content { margin: 0; padding: 0 25px; }
.dd-dragel > .dd-item > .dd3-content:before { display: none; }
.dd-dragel > .dd-item  .icons { display: none; }

.dd-dragel > .dd-item > .dd3-content.dragable {
    padding: 0 10px;
}

.dd-dragel .dd3-content.dragable i.fa {
    margin: 0;
    width: 24px;
}

.dd-item > button { margin-left: 30px; }

.dd-item .dd-handle{ position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; white-space: nowrap; overflow: hidden; height: 40px; text-align: center; z-index: -1; width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.dd-list.dragable .dd-item .dd-handle {
    width: 35px;
    z-index: 1;
    cursor: grab;
}


    .dd-dragel > .element .dd-handle {
        font-size: 13px;
        font-weight: 600;
        padding: 0 20px;
        border: 1px solid #7e7e7e;
        background: #b7d9e4;
        line-height: 41px;
        font-size: 13px;
        font-weight: 600;
        z-index: 1;
        text-align: left;
        display: block;
        width: 100%;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
.dd-dragel > .element .dd-handle i{ margin-right: 10px; }
.dd-dragel > .element .quick-create{ display: none; }

#nestable .dd-handle{ font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
#nestable .dd-handle:after { /*content: '≡';*/ content: "\f0c9"; display: inline-block; font-size: 14px; line-height: 40px; color: #333; }

/*
.dd-handle:after { content: '≡'; display: block; position: absolute; left: 1px; top: 1px; width: 30px; line-height: 39px; text-align: center; text-indent: 0; font-size: 20px; font-weight: normal; border-right: 1px solid #aaa; background: #eee;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
*/


span.cancelmove{ cursor: pointer; display: none; position: absolute; right: 1px; top: 1px; width: auto; text-align: center; font-weight: normal; background: #f1f1f1; border: none; z-index: 4;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

span.cancelmove i.fa{ display: inline-block; width: 38px; line-height: 39px; color: #676a6c; border-left: 1px solid #999; }
span.cancelmove i.fa:hover{ background: #f8f8f8; }
span.cancelmove i.fa:first-child{ border-left: 1px solid #999; }

span.quick-create{ display: inline-block; width: 38px; line-height: 38px; color: #676a6c; border-left: 1px solid #d9dde0; position: absolute; top: 1px; right: 1px; z-index: 2; text-align: center; }
span.quick-create:hover{ background: #f8f8f8; cursor: pointer; }

.dd-handle{ opacity: 0; z-index: -1; }

.multi-select{  }
.edit.preview{ display: none; }
.dd3-content{ padding: 0 25px; }

.show-actions .dd3-content{ padding: 0 10px 0 50px!important; }
.show-actions .sneaky .dd3-content{ opacity: 0.3; }
.show-actions .preview{ display: block; }

.dd-item > button { margin-left: 0; }

.dd-collapsed > button[data-action="collapse"]{ display: none!important; }
.dd-collapsed > button[data-action="expand"]{ display: block!important; }

.pseudo{ background: #b7d9e4; }
 

#nestable[data-state="moving"] .dd-handle{ z-index: 3; }
#nestable li[data-state="moving"] > .dd-handle { z-index: 3; opacity: 1; }

#nestable li[data-state="moving"] > .icons{ display: none; }
/*#sitemap #nestable li[data-state="moving"] > .dd3-content{ border-color: #3aabcc; }*/
#nestable li[data-state="moving"] > .dd3-content:before{ display: none; }
#nestable li[data-state="moving"] > .dd3-content span{ display: none; }
#nestable li[data-state="moving"] .dd-dragel > .dd-content{ font-size: 12px; }

/*
#nestable li[data-state="moving"] > .dd3-content{ padding-left: 40px; }
#nestable li[data-state="moving"] > button { margin-left: 30px; }
*/

#nestable li[data-state="moving"] > .cancelmove{ display: block; }




#newobject{ display: inline-block!important; }
#newobject .dd-placeholder{ position: static; min-width: 80px; min-height: 30px; line-height: 0!important; display: inline-block; margin: 0;  }
.slimScrollDiv{ width: 100%!important; }

li.newobject .dd-handle{ z-index: 1; position: static; display: inline-block;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    height: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;	

}
li.newobject .dd-handle:after{ display: none; }

li.newobject i.fa { margin-right: 7px; }
#nestable li.newobject { display: block; position: relative; margin: 0; padding: 0; height: 41px; font-size: 14px; line-height: 39px; -webkit-border-radius: 3px; border-radius: 3px; 
    border: 1px solid #7e7e7e;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#nestable li.newobject .dd-handle{ position: absolute; top: 8px; opacity: 1; border: none; text-align: left; height: auto; line-height: 1em; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; }

#nestable .actions{ float: right; }
#nestable .actions > span:hover{ background: #f8f8f8; }
#nestable .preview { position: absolute; z-index: 1; width: 38px; height: 39px; top: 1px; border-right: 1px solid #bcbcbc; text-align: center;  }
#nestable .preview i.fa{ font-size: 14px; }
#nestable .preview input{ display: none; }
#nestable .preview label{ cursor: pointer; margin: 0; }

#nestable .preview .checkbox{ margin: 10px 0 0 8px; display: inline-block; position: relative; }

#nestable .ibox.disabled{ padding-bottom: 0; margin-bottom: 25px;  }

#nestable[data-type=node] button{ padding-left: 2px; }

.objectNew .dd-handle{ padding: 0 20px 0 36px!important; }
#nestable[data-type=brick] .objectNew .dd-handle{ padding: 0 34px!important; }
#nestable[data-type=node] .objectNew.dropped .dd-handle{ padding: 0 20px 0 46px!important; }
#nestable[data-type=node] .objectNew.dropped .dd-handle i{ top: 11px; left: 25px; }
#nestable[data-type=brick] .objectNew.dropped .dd-handle i{ left: 10px; }

#nestable[data-type=node] .hasnoaccess:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.60); z-index: 5; }
#nestable[data-type=docFolder] .hasnoaccess:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.60); z-index: 5; }

#nestable[data-type=node] div.icons i.fa{ border-left: 1px solid #bcbcbc; width: 38px; line-height: 39px; display: block; }
#nestable[data-type=docFolder] div.icons i.fa{ border-left: 1px solid #bcbcbc; width: 38px; line-height: 39px; display: block; }
#nestable[data-type=docFolder] .dd3-content span{ display: block; float: right; line-height: 39px; text-align: right; margin-right: 70px; font-weight: 300; color: #999;  }


#nestable[data-type=brick] .ibox.disabled:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; display: block; background: rgba(255,255,255,.85)}
#nestable[data-type=brick] .ibox-title { border-bottom: 1px solid #bcbcbc; }
#nestable[data-type=brick] .dd3-content.clicked i.fa{ color: #333; }
#nestable[data-state=draftmode] .dd3-content.clicked i.fa{ color: #656460; }

#nestable[data-state=creating] .dd3-content.clicked{ background: #fff!important; }
#nestable[data-state=creating] .disallowclick { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }

#nestable[data-state=moving] .dd3-content.clicked{ background: #fff!important; }

#sitemap #nestable[data-state=creating] .dd3-content.clicked{ background: #f1f1f1!important; }
#sitemap #nestable[data-state=moving] .dd3-content.clicked{ background: #f1f1f1!important; }

body[data-state=dragging] #sitetree li.dd-item a:hover {
    background: rgba(57,135,158,1);
    color: #fff !important;
    cursor: grabbing!important;
}
body[data-state=dragging] #sitetree li.dd-item a:hover span { color: #fff !important; }

body[data-state=dragging] #docfoldertree li.dd-item a:hover {
    background: rgba(57,135,158,1);
    color: #fff !important;
    cursor: grabbing !important;
}

    body[data-state=dragging] #docfoldertree li.dd-item a:hover span {
        color: #fff !important;
    }


#nestable[data-type=brick] .dd3-content {
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: -1px 0 0 0;
    padding: 0 10px;
    border: 1px solid #bcbcbc;
}
#nestable[data-type=brick] .dd3-content{ border-left: none; border-right: none; }
#nestable[data-type=brick] .dd3-content i.fa{ font-size: 14px; color: #656460; }
#nestable[data-type=brick] .dd3-content a{ font-size: 12px; }
#nestable[data-type=brick] .dd3-content span{ display: block; float: right; line-height: 39px; text-align: right; margin-right: 90px; font-weight: 300; color: #999;  }
#nestable[data-type=brick] div.icons{ background: none; background: #fff; -webkit-border-radius: 0; border-radius: 0; right: 0;  border-left: 1px solid #bcbcbc; }
#nestable[data-type=brick] div.icons  .edit{ border: none; margin-left: -1px; }
#nestable[data-type=brick] div.icons > .edit:first-child{ margin-left: 0; }
#nestable[data-type=brick] div.icons .edit .dropdown-toggle{ width: 38px; line-height: 24px; display: inline-block; border-left: 1px solid #d9dde0; }
#nestable[data-type=brick] div.icons .edit > i.fa{ border-left: 1px solid #d9dde0; width: 38px; line-height: 24px; border-right: 1px solid #d9dde0; }
#nestable[data-type=brick] div.icons > .edit:first-child i.fa{ border-left: 0; }
#nestable[data-type=brick] div.icons > .edit:nth-child(2) i.fa{ border-right: 0; }
#nestable[data-type=brick] div.icons .edit:last-child i.fa{ border-right: 0; }

#nestable[data-type=brick] span.cancelmove{ right: 0; 
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#nestable[data-type=brick] span.cancelmove i.fa{ border-left: 1px solid #bcbcbc!important; }

/*#nestable[data-type=brick] .dd3-content.clicked span{ display: none; }*/
#nestable[data-type=brick] .dd3-content.clicked + div.icons{  }
/*#nestable[data-type=brick] .dd3-content.clicked + div.icons .edit i.fa-pencil{ border: none; }*/
/*#nestable[data-type=brick] .dd3-content.clicked + div.icons .edit i.v5-pencil{ border: none; }*/
#nestable[data-type=brick] div.icons .edit:hover > i.fa{ line-height: 38px; }

#nestable[data-type=brick] .dropped .dd-handle{ border-radius: 0; }

#newobjects{ display: none; }
#newobjects .newobject{ display: none; }

#newobjects{ position: relative; }
#newobjects .ibox-tools i{ color: #676a6c; }
#newobjects .ibox-tools i:hover{ color: #333; cursor: pointer; }
#newobjects .ibox-content{ padding: 8px 15px; background: rgba(255,255,255,.8); }
#newobjects .dd-item{ margin: 6px 0; }
#newobjects .dd-handle{ padding: 0 20px; border: 1px solid #d9dde0; line-height: 41px; background: #fff; font-size: 13px; font-weight: 600; z-index: 2!important; text-align: left; display: block; width: 100%; opacity: 1;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}


#newobjects .dd-handle i.fa{ margin-right: 15px; font-size: 14px; position: relative; top: 1px;
/*
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
*/	
}
.element .dd-handle:after{ display: none!important; }

#nestable .element .dd-handle{ opacity: 1!important; text-align: left; line-height: 39px; padding: 0 10px; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; }
#nestable .element .dd-handle i.fa{ margin: 0 7px 0 0; }
#nestable .element .quick-create{ display: none; }


button.newobject{ background: #b7d9e4; border-color: #bcbcbc; }

.element.dropped .dd-handle{ background: #b7d9e4; z-index: 1; }

#sitemap .element.dropped .dd-handle{ border: 1px solid #bcbcbc; -webkit-border-radius: 0; border-radius: 0; }

.dd-empty{ border: 1px dashed #b7d9e4; opacity: 0.3; text-align: center; margin: 0; }
#nestable[data-state=creating] .dd-empty{ opacity: 1; }
#nestable[data-state=moving] .dd-empty{ opacity: 1; }
#nestable .dd-handle{     cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab; }

#nestable[data-state=moving] .dd-handle{ 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
 }	
	
#nestable .ibox-content{ position: relative; }

#nestable[data-state=draftmode] .dd3-content.clicked{ background: #fff!important; }
#nestable[data-state=draftmode] .inDraft .dd3-content{ background: #f8f8f8!important; }
#nestable[data-state=draftmode] .inDraft .dd3-content.clicked{ background: #f8f8f8!important; }

#nestable[data-state=draftmode] .dd3-content:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; }
#nestable[data-state=draftmode] div.actions{ width: 0!important; display: none!important; }
#nestable[data-state=draftmode] .preview{  }
#nestable[data-state=draftmode] .inDraft .dd3-content{ background: #f8f8f8!important; }
#nestable[data-state=draftmode] .inDraft .dd3-content.clicked{ background: #f8f8f8!important; }
#nestable[data-state=draftmode] .checkbox input[type=checkbox]:checked  + label:before{ color: #41accc; }

.dd3-content.offline i.fa{ opacity: 0.5; }
.dd3-content.offline + div.icons{ opacity: 0.5; }
.dd3-content.offline *{ opacity: 0.5; color: #999; }
.dd3-content.offline.clicked *{  opacity: 1; }
.dd3-content.offline.clicked i.fa{  opacity: 1; }
.dd3-content.offline.clicked + div.icons{ opacity: 1; }

li.clone{ display: none; }

.table-control.dd[data-state="moving"] .dd-handle{ z-index: 3; }
.table-control.dd li[data-state="moving"] > .dd-handle {
 z-index: 3; opacity: 1; cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;
 font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;

}

.table-control.dd li.dd-item{ border-radius: 0; }
.table-control.dd .dd-handle:after { /*content: '≡';*/ content: "\f0c9"; display: inline-block; font-size: 14px; line-height: 40px; color: #333; }
.table-control.dd li[data-state="moving"] > .icons{ display: none; }
.table-control.dd li[data-state="moving"] > .dd3-content:before{ display: none; }
.table-control.dd li[data-state="moving"] > .dd3-content span:nth-child(n+2){ display: none; }
.table-control.dd li[data-state="moving"] .dd-dragel > .dd-content{ font-size: 12px; }
.table-control.dd li[data-state="moving"] > .cancelmove{ display: block; right: 0; border-radius: 0; }
.table-control.dd li[data-state="moving"] > .cancelmove i{ float: left; }
.table-control.dd[data-state=moving] .dd3-content.clicked{ background: #b7d9e4!important; }

body[data-state=dragging] .dd-dragel .dd3-content span:nth-child(1){ display: inline-block!important; }
body[data-state=dragging] .dd-list.dragable .dd-handle { width: 100%; }

body[data-state=dragging],
body[data-state=dragging] .dd-handle > i { cursor: grabbing !important; }