/* ITEM CARDS */
.navigator-main-wrapper .navigator-itemCard {
  position: relative;
  transition: all 0.25s;
}

.navigator-main-wrapper .navigator-itemCard *{
  transition: all 0.15s;
}
.navigator-main-wrapper .navigator-itemCard a{
  transition: color 0s;
}


.navigator-main-wrapper .navigator-itemCard .card-wrapper {
  margin: 10px 0;
  background-color: #e7e7e7;
  border: 1px solid gray;
  border-radius: 10px;
  padding: 5px;
  display: block;
  overflow: hidden;
  position: relative;
  padding-left: 20px;
  width: 500px;
}

.navigator-main-wrapper .navigator-itemCard .navigator-openDetail {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.navigator-main-wrapper .navigator-itemCard .navigator-openDetail .fa{
  margin-right: 2px;
  color: #333;
  display: none;
  width: 20px;
  cursor: help;
}
.navigator-main-wrapper .navigator-itemCard.page        > .card-wrapper .navigator-openDetail  .fa.type-icon-page        {  display: inline-block; }
.navigator-main-wrapper .navigator-itemCard.pagebuilder > .card-wrapper .navigator-openDetail  .fa.type-icon-pagebuilder {  display: inline-block; }
.navigator-main-wrapper .navigator-itemCard.redirect    > .card-wrapper .navigator-openDetail  .fa.type-icon-redirect    {  display: inline-block; }
.navigator-main-wrapper .navigator-itemCard.template    > .card-wrapper .navigator-openDetail  .fa.type-icon-template    {  display: inline-block; }
.navigator-main-wrapper .navigator-itemCard.alias       > .card-wrapper .navigator-openDetail  .fa.type-icon-alias       {  display: inline-block; }
.navigator-main-wrapper .navigator-itemCard.category    > .card-wrapper .navigator-openDetail  .fa.type-icon-category    {  display: inline-block; }

.navigator-main-wrapper .navigator-itemCard > .card-wrapper.http200 .fa.type-icon{  color: green; }
.navigator-main-wrapper .navigator-itemCard > .card-wrapper.http300 .fa.type-icon{  color: blue; }
.navigator-main-wrapper .navigator-itemCard > .card-wrapper.http400 .fa.type-icon{  color: red; }

.navigator-main-wrapper .navigator-itemCard       > .card-wrapper .right-icons a .fa    { color: #aaaaaa; }
.navigator-main-wrapper .navigator-itemCard:hover > .card-wrapper .right-icons a .fa     { color: inherit; }


.navigator-main-wrapper .navigator-itemCard .right-icons {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 7px;
}

.navigator-main-wrapper .navigator-itemCard .navigator-createAlias {
  margin-right: 5px;
  display: none;
}
.navigator-main-wrapper .navigator-itemCard.page .navigator-createAlias,
.navigator-main-wrapper .navigator-itemCard.template .navigator-createAlias,
.navigator-main-wrapper .navigator-itemCard.redirect .navigator-createAlias {
  display: inline-block;
}


/* COLLAPSE / UNCOLLAPSE */
.navigator-main-wrapper .navigator-itemCard .navigator-collapse {
  display: inline-block;
  margin-right: 15px;
}
.navigator-main-wrapper .navigator-itemCard .navigator-uncollapse {
  display: none;
  margin-right: 15px;
}

.navigator-main-wrapper .navigator-itemCard.collapsed          .navigator-collapse   { display: none;  }
.navigator-main-wrapper .navigator-itemCard.collapsed          .navigator-uncollapse { display: inline-block;  }
.navigator-main-wrapper .navigator-itemCard:not(.hasChildren)  .navigator-collapse   { display: none;}
.navigator-main-wrapper .navigator-itemCard:not(.hasChildren)  .navigator-uncollapse { display: none;}

.navigator-main-wrapper .navigator-itemCard.collapsed    >     .navigator-submenu    {display: none;  }



/* HTTP RESPONSES*/
.navigator-main-wrapper .navigator-itemCard .card-wrapper.http200 {
  background-color: #d5e7d5;
}
.navigator-main-wrapper .navigator-itemCard .card-wrapper.http300 {
  background-color: #d5d5e7;
}
.navigator-main-wrapper .navigator-itemCard .card-wrapper.http400 {
  background-color: #e7c7c7;
}





/* DRAG AND DROP*/
.navigator-main-wrapper .navigator-itemCard .card-wrapper:hover {
  border-color: black;
}

.navigator-main-wrapper .navigator-itemCard.beingDragged .card-wrapper {
  border-style: dashed;
  opacity: 0.5;
}


.navigator-main-wrapper .navigator-itemCard .opened > .card-wrapper {
  background-color: yellow;
}



.navigator-main-wrapper .navigator-itemCard h4{
  margin: 0;
  display: inline-block;
}

.navigator-main-wrapper .navigator-itemCard .draggable {
  cursor: move;
  float: left;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.navigator-main-wrapper .navigator-itemCard.navigator-locked > .card-wrapper > .draggable {
  /*visibility: hidden;*/
  /*pointer-events: none;*/
}

.navigator-main-wrapper .navigator-itemCard .draggable .draggable-visual {
  width: 10px;
  margin-left: 5px;
  margin-right: 5px;
  height: 100%;
  border: 2px dotted #c0c0c0;
  border-top: none;
  border-bottom: none;
}
.navigator-main-wrapper .navigator-itemCard .draggable:hover .draggable-visual {
  border-color: gray;
}




.navigator-main-wrapper .navigator-itemCard .navigator-submenu {
  padding-left: 35px;
}



.navigator-main-wrapper .navigator-itemCard .droppable {
  display: none;
  background-color: rgba(150, 150, 255, 0.25);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.navigator-main-wrapper .navigator-itemCard .droppable.draggedOver {
  background-color: rgba(150, 255, 200, 0.35)
}


.droppable.cannotDropHere {
/*.cannotDropHere {*/
  border: 2px solid red;
}


/* --------------- .droppable-above -------------- */
.navigator-main-wrapper .navigator-itemCard .droppable .droppable-above {
  position: absolute;
  top: 0;
  height: 25%;
  width: 100%;
}

.navigator-main-wrapper .navigator-itemCard .droppable.draggedOver .droppable-above {
  /*background-color: rgba(150,150,255,0.5);*/
}

.droppable-above.draggedOver {
  background-color: rgba(150,150,255,0.5);
}

.navigator-main-wrapper .navigator-itemCard .cannotDropHere .droppable-above {
  /*display: none;*/
}


/* --------------- .droppable-below -------------- */
.navigator-main-wrapper .navigator-itemCard .droppable .droppable-below {
  position: absolute;
  bottom: 0;
  height: 25%;
  width: 100%;
}

.navigator-main-wrapper .navigator-itemCard .droppable.draggedOver .droppable-below {
  /*background-color: rgba(150,150,255,0.5);*/
}

.droppable-below.draggedOver {
  background-color: rgba(150,150,255,0.5);
}

.navigator-main-wrapper .navigator-itemCard .cannotDropHere .droppable-below {
  /*display: none;*/
}


.navItem-detail .type-content {
  border: 1px solid #dde6e9;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  padding: 10px 10px 10px 10px;
}

.navItem-detail .navItem-detail-description {
  color: gray;
  display: block;
  margin-bottom: 15px;
}

.navItem-detail .navItem-detail-description .fa {
  font-size: 20px;
  position: relative;
  bottom: -3px;
  margin-right: 5px;
}


.navItem-detail .navigator-dynamic-wrapper {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.navItem-detail .navigator-dynamic-wrapper .parent-path {}
.navItem-detail .navigator-dynamic-wrapper .local-uri {
  font-weight: bolder;
}

.navItem-detail .lang-list {}
.navItem-detail .lang-list .lang-item {
  display: inline-block;
  padding: 0 5px;
  color: white;
  opacity: 0.25;
}
.navItem-detail .lang-list .lang-item.active {
  opacity: 1;
  font-weight: bold;
}



#navigator-itemCard-0 .navigator-fake-margin {
  position: absolute;
  border-right: 1px solid #CCC;
  height: 100%;
  min-width: 500px;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 10;
}

/* controls */