.criteria-bread-crumb {
  .breadcrumb-list {
    overflow: hidden;
    position: relative;
    margin: 5px 0 5px 0;

    &.breadcrumb-label {
      ol {
        float: left;
        margin: 0 10px 5px 0;
      }
      ol li {
        background: #F2F2F2;
        padding: 3px 10px;
        margin: 5px 5px 0 10px;
      }
      ol li:last-child {
        margin-right: 10px;
      }
      ol li::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -13px;
        border-width: 13px 0 13px 10px;
        border-style: solid;
        border-color: #F2F2F2 #F2F2F2 #F2F2F2 transparent;
        left: -10px;
      }
      ol li::after {
        content: "";
        position: absolute;
        top: 0;
        margin-top: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #F2F2F2;
        right: -10px;
      }
      /*    ol li a {
            padding: 0;
            background: none;
          }
          ol li a:hover {
            background: none;
            color: #E8E8E8;
          }
          ol li a::before, &.breadcrumb-label ol li a::after {
            display: none;
          }*/
    }

    ol {
      overflow: hidden;
      background: none;
      padding: 0 0 0 0;
      margin: 0 0 5px 0;
      border-radius: 0;
      list-style: none;
    }
    ol li {
      float: left;
      margin: 5px 10px 0 10px;
      font-family: $base-font;
      font-size: 14px;
      position: relative;

      &.current, &.current:hover {
        background: #E8E8E8;
        padding: 3px 10px;
      }
      &:first-child {
        margin-left: 0;
      }
      &.current:before, &.current:hover:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -13px;
        border-width: 13px 0 13px 10px;
        border-style: solid;
        border-color: #E8E8E8 #E8E8E8 #E8E8E8 transparent;
        left: -10px;
      }
      &.current:after, &.current:hover:after {
        content: "";
        position: absolute;
        top: 0;
        margin-top: 0;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #E8E8E8;
        right: -10px;
      }
    }
    .maxWidth{
      max-width: 250px;
    }
    .floatLeft{
      float:left;
    }

  }

  /* Breadcrumb color change */
  &.updateBreadCrumb {
    .breadcrumb-list ol li.current,
    .breadcrumb-list.breadcrumb-label ol li:first-child {
      background: color("pattens-blue-2");
      &::after { border-left: 10px solid color("pattens-blue-2"); }
    }
    .breadcrumb-list ol li.current::before {
      border-color: color("pattens-blue-2") color("pattens-blue-2") color("pattens-blue-2") transparent;
    }
  }

}