#crumbs {
  padding-top: 10px;
  padding-bottom: 10px; }
  #crumbs .uniticon {
    height: 20px;
    margin: -4px 10px 0 -5px; }
  #crumbs h1 span {
    font-size: 15px;
    padding: 0 1px; }
    #crumbs h1 span:first-of-type {
      padding-left: 10px; }
  #crumbs ul {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 18px; }
    #crumbs ul li, #crumbs ul a {
      transition: all 0.2s; }
      .theme-dark #crumbs ul li, .theme-dark #crumbs ul a {
        color: #999999; }
      .theme-light #crumbs ul li, .theme-light #crumbs ul a {
        color: #424242; }
      .theme-dark #crumbs ul li:hover, .theme-dark #crumbs ul a:hover {
        color: #ffffff; }
      .theme-light #crumbs ul li:hover, .theme-light #crumbs ul a:hover {
        color: #555555; }
    #crumbs ul li {
      list-style-type: none;
      display: inline; }
      #crumbs ul li::before {
        content: "/";
        padding: 0px 5px; }
        .theme-dark #crumbs ul li::before {
          color: #999999; }
        .theme-light #crumbs ul li::before {
          color: #424242; }
      #crumbs ul li:first-child::before, #crumbs ul li:nth-child(2)::before {
        content: ""; }
  #crumbs .dropdown-menu {
    padding: 10px 0;
    border: none;
    margin-left: calc(-50%);
    min-width: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
    .theme-dark #crumbs .dropdown-menu {
      background-color: #4d4d4d; }
    .theme-light #crumbs .dropdown-menu {
      background-color: #e0e0e0; }
    #crumbs .dropdown-menu a {
      display: block;
      padding: 5px 20px;
      transition: all 0.4s;
      white-space: nowrap; }
      .theme-dark #crumbs .dropdown-menu a {
        color: #ffffff; }
      .theme-light #crumbs .dropdown-menu a {
        color: #555555; }
      .theme-dark #crumbs .dropdown-menu a.active, .theme-dark #crumbs .dropdown-menu a:hover {
        background-color: #2c2c2c; }
      .theme-light #crumbs .dropdown-menu a.active, .theme-light #crumbs .dropdown-menu a:hover {
        background-color: #999; }
  #crumbs .dropdown-toggle::after {
    display: inline-block;
    background-color: #fff;
    background-image: url("/app/core/images/drop.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 55%;
    padding: 0px;
    border-radius: 2px;
    transform: translate(0px, 9px);
    width: 22px;
    height: 22px;
    margin-left: 6px;
    border: none;
    transition: all 0.2s; }
  #crumbs .dropdown-toggle:hover::after {
    transform: translate(0px, 12px); }
    .theme-dark #crumbs .dropdown-toggle:hover::after {
      background-color: #eee; }
    .theme-light #crumbs .dropdown-toggle:hover::after {
      background-color: #ddd; }
