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

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


#navigator .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 .navigator-itemCard .navigator-openDetail {
  display: inline-block;
  width: 100%;
  height: 100%;
}

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

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

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


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

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


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

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

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



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





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

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


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



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

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

#navigator .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 .navigator-itemCard .draggable:hover .draggable-visual {
  border-color: gray;
}




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



#navigator .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 .navigator-itemCard .droppable.draggedOver {
  background-color: rgba(150, 255, 200, 0.35)
}


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


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

#navigator .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 .navigator-itemCard .cannotDropHere .droppable-above {
  /*display: none;*/
}


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

#navigator .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 .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;
}