@charset "UTF-8";
@import "./common/var.css";

@component-namespace el {

  @b breadcrumb {
    font-size:14px;/*WEBEX200626 - IL5 report BreadcrumbNavigation:public style adjustment*/
    line-height: 1;
    @utils-clearfix;

    @e separator {
      margin: 0 8px;
      color: var(--color-black);/*WEBEX200626 - IL5 report BreadcrumbNavigation:public style adjustment*/
    }
    @e item {
      float: left;

      @e inner {
        &, & a {
          transition: color .15s linear;
          font-weight:bold;
          color:var(--color-gray-60);/*WEBEX200626 - IL5 report BreadcrumbNavigation:public style adjustment*/

          &:hover {
            color: var(--color-blue-70);
            cursor: pointer;
          }
        }
      }

      &:last-child {
        .el-breadcrumb__item__inner,
        .el-breadcrumb__item__inner a {
          &, &:hover {
            color: var(--color-black);/*WEBEX200626 - IL5 report BreadcrumbNavigation:public style adjustment*/
            cursor: text;
            font-weight: normal;

          }
        }

        .el-breadcrumb__separator {
          display: none;
        }
      }
    }
  }
}
