.openTrigger { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: url('/imgs/icons/arrow_up.png') no-repeat 0 0; text-indent: -4000px; overflow: hidden; cursor: pointer; }

.closed .openTrigger { background-image: url('/imgs/icons/arrow_down.png'); }



.droppableCnt .navMainItem.closed .connect { display: none; }



.droppableCnt{ min-height: 100px; border-radius: 10px; border: 4px dashed #cacaca; padding: 10px; }



.droppableCnt  .navMainItem { margin-bottom: 4px; color: #333; border: 1px solid #ee2b43; overflow: hidden; cursor: move;

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  -ms-border-radius: 8px;

  -o-border-radius: 8px;

  border-radius: 8px;

}

.droppableCnt .navMainItem .head { background: #ee2b43; color: white; line-height: 24px; padding: 0 5px; }

.droppableCnt .navMainItem .head .editSection { float: right; margin-top: 4px; }

.droppableCnt  .navMainItem  .connect{ padding: 4px; border-radius: 4px; }



.droppableCnt .navMainItem .navMainItem { border-color: #0c8ed3;

  -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  -ms-border-radius: 6px;

  -o-border-radius: 6px;

  border-radius: 6px;

}

.droppableCnt .navMainItem .navMainItem .head { background: #0c8ed3; }



.droppableCnt .navMainItem .navMainItem .navMainItem { border-color: #a32a4b;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

.droppableCnt .navMainItem .navMainItem .navMainItem .head { background: #a32a4b; }



.droppableCnt .navMainItem .navMainItem .navMainItem .navMainItem { border-color: #7250E1;

  -moz-border-radius: 4px;

  -webkit-border-radius: 4px;

  -ms-border-radius: 4px;

  -o-border-radius: 4px;

  border-radius: 4px;

}

.droppableCnt .navMainItem .navMainItem .navMainItem .navMainItem .head { background: #7250E1; }



/* .droppableCnt.ui-state-default { background: none; color: #999; }

.droppableCnt.ui-state-default .navMainItem { display: none; }

.droppableCnt.ui-state-default:after { content: 'Engedje el itt az elemet, hogy hozzáadja ehhez a navigációhoz!'; font-size: 20px; line-height: 22px; font-weight: bold; display: block; width: 80%; margin: 0 auto; text-align: center; padding-bottom: 120px; background: url('/imgs/drag-plus.png') no-repeat center bottom; }

.droppableCnt.ui-state-hover{ border-color: #aaa; background: #fafafa; color: #666; } */