.link-types-toolbox {
  flex: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;

  &__heading {
    padding: 10px;
  }

  &__searching-box {
    display: flex;
    align-items: center;
  }

  &__clearSearch {
    margin-left: -25px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
  }

  &__switch-all {
    margin-top: 5px;
  }

  &__rest {
    border-top: 1px solid #dddddd;
    flex: auto;
    display: flex;
    flex-direction: column;
  }
}

.link-types-toolbox .panel-heading {
  flex-shrink: 0;
  -webkit-flex-shrink: 0; /* safari 8 */
}

.link-types-toolbox ul {
  margin-bottom: 0;
}
.link-types-toolbox .links-heading {
  margin-left: .4em;
}
.link-types-toolbox .links-heading span {
  border: black 1px dashed;
  background: rgb(255, 131, 92);
  padding: 0 .5em 0 .5em;
  word-wrap: break-word;
  line-height: 1.3;
}

.link-types-toolbox__heading .link-types-toolbox-controls {
  padding: 5px 15px;
  font-size: 14px;
  font-style: italic;
}
.link-types-toolbox__heading .link-types-toolbox-controls > span {
  padding-left: .3em;
}

.graph-explorer-list-group .linkInToolBox {
  padding: 0 0 0 5px;
  word-break: break-word;
}

.linkInToolBox {
  & > div { display: inline; }

  &__new-tag {
    margin-left: .5em;
    white-space: normal;
    word-wrap: normal;
    border-radius: 2px;
    padding: 0 5px;
    background: orange;
  }

  .graph-explorer-badge {
    display: none;
    margin-left: .5em;
    white-space: normal;
    word-wrap: normal;
  }

  .link-title {
    font-size: 16px;
    color: black;
    display: inline;
  }

  .graph-explorer-btn-group {
    float: left;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
  }

  .graph-explorer-btn.graph-explorer-btn-default {
    border-color: rgb(195, 195, 195);
  }

  &__filter-button {
    display: none;
    float: right;
    background-image: url("../images/add-to-filter.png");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin: 3px;
    cursor: pointer;
    opacity: 0.4;
    transition: opacity 200ms 0ms;
  }
  &:hover &__filter-button {
    opacity: 1.0;
    transition: opacity 200ms 0ms;
  }
}

.connected-links .linkInToolBox .graph-explorer-badge {
  /* show connection count badge only in "Connected to Element" list */
  display: inline;
}
.connected-links .linkInToolBox__filter-button {
  /* show filter button only in "Connected to Element" list */
  display: inline;
}