.breadcrumbs-container {
  display: block;
  overflow: visible;
  color: @breadcrumb-text-color;
  font-size: @breadcrumbs-font-size;

  .breadcrumbs.text-muted {
    color: inherit;
  }

  .text-muted {
    opacity: 1 !important;
  }

  &.multiple {
    position: relative;
    padding-left: 14px;

    .breadcrumbs {
      width: 100%;
    }

    &.open {
      margin-left: -5px;
      padding-left: 19px;
      background-color: @breadcrumb-background-default;

      .boxShadowHelper(md, left);
    }
  }

  li {
    display: inline-block;

    >a {
      color: @breadcrumb-text-color-hover;
    }

    >span {
      display: inline-block;
      min-width: 14px;
      text-align: center;
    }
  }

  ul {
    margin: 0;
  }
}

.breadcrumbs {
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  font-size: @breadcrumbs-font-size;
  display: flex;
  align-items: center;

  >li {
    .text-truncate();
    display: inline-flex !important;
    align-items: center;

    &:last-child {
      >a {
        color: @breadcrumb-text-color-hover;
      }
    }

    >a,
    >span {
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 150px;
      display: inline-block;
      min-width: 14px;
      vertical-align: top;
      text-align: center;
    }
  }
}
