/* Jquer UI Helper Classes */
.handle {
  padding: 5px 20px;  
}

.remove {
  padding: 5px 10px;  
}

.dragPlaceholder {
  text-align: center;
  color: #666; 
  font-size: 1.2em; 
  background: #eee;
  border: 3px dashed #ddd !important;
  width: 100%;
  height: 40px;
  line-height: 40px !important;
  margin-top: 20px;
}



.ui-sortable-helper {
    display: table;
    opacity: 0.7;    
    box-shadow: 10px 10px 5px #888888;
}

.ui-sortable-placeholder {
  background: #b2d4ed !important; 
  min-height: 3em; 
  //background: #333; 
  visibility: visible !important; 
  height: 80px;
  
  
}

img.journal-thumbnail {
  width: 200px; 
  max-width: 50%; 
}

#list-breadcrumbs {
  margin-bottom: 5px; 
}

span.seperator {
  font-size: 0.75em;
  color: #b2d4ed;
}



.ui-menu {
  width: 200px;
  font-size: 0.7em !important; 
} 

.ui-widget {

}

.ui-contextmenu .ui-corner-all {
  border-radius: none !important; 
}
.ui-contextmenu .ui-state-focus {
  background: none !important; 
  border: none !important; 
}


.ui-menu kbd {
    float: right;
    padding: 2px 4px;
    font-size: 90%;
    color: #111; 
    background: none; 
    border-radius: none;
    -webkit-box-shadow: none; 
    box-shadow: none; 
}

#listArticlesList, #articleList {
    /*border: 1px solid #eee;  */  
    min-height: 20px;
    /*list-style-type: none;*/
    /*margin: 0;*/
    /*padding: 5px 0 0 0;*/
    /*float: left;*/
    /*margin-right: 10px;*/
  }

  #listArticlesList li, #articleList li {
    /*margin: 0 5px 5px 5px;*/
    /*padding: 5px;
    font-size: 1.2em;
    width: 120px;*/
  }


  .articleList {
          -webkit-padding-start: 0;
    }
    
    ul.fancytree-container {
      border: none !important;
      background: #f6f6f6; 
    }
    
    .remove {
      cursor: pointer; 
    }
    
    .ui-sortable-placeholder {      
      
    }
    span.pending span.fancytree-title {
  font-style: italic;
}
span.pending span.fancytree-title:after {
  content: "\2026"; /* ellipsis */
}


/*
#productsList {
  display: block; 
}
*/
.product-tile {
  width: 100px;
  height: 50px; 
  background-size: contain; 
  background-repeat: no-repeat; 
  background-position: center; 
  display: inline-block; 
  float: left; 
  
  /*border: 1px #ccc solid; */
  /*margin: 5px;*/
  text-align: center; 

}

.inactive {
  opactity: 0.6; 
}

#articleMenu a {
  color: #111;
}
#articleMenu .articleProduct {
    background: #ccc; 
    
}

#articleMenu .articleDisease {
    background: #eee; 
    padding-left: 10px; 
    padding-top: 2px; 
    padding-bottom: 2px; 
}

#articleMenu .articleType {
    background: #fefefe; 
    padding-left: 20px; 
}

/* List */

#list ul.ui-fancytree {
  list-style-type: none; 
  -webkit-padding-start: 0;
  
}

#listArticlesList {
  margin-top: 20px;
}

.articleItem {
  background: #f8f8f8;
  margin: 5px 0; 
  padding: 10px; 
}