.breadcrumb_wrapper {
  /*grid-area: navbar;*/
  /*border-right:1px solid #333;*/
  /*border-left:1px solid #333;*/
  /*border-bottom:1px solid #000;*/
  /*padding-left: 50px;*/
  /*border:1px solid yellow;*/
  /*margin-left: 30px;*/
  height: 30px;
  /*padding: 5px;*/
  padding-left: 10px;
  /*margin-top: 5px;*/
  /*padding-left: 10px;*/
  /*border-right:1px solid #333;*/
  /*border-left:1px solid #333;*/
  /*margin-left: 30px;*/
  /*margin-right: 30px;*/
}
#breadcrumb {
  grid-area: breadcrumb;
  /*padding: 2px;*/
  padding-left: 10px;
  font-style: italic;
  letter-spacing: 1px;
  height: 30px;
  /*z-index: 10;*/
  /*border-right:1px solid #333;*/
  /*border-left:1px solid #333;*/
  /*border-bottom:1px solid #000;*/
  /*border:1px solid yellow;*/
}

#breadcrumb ul{
  margin: 0px;
  padding-top: 3px;
  height: 27px;
  max-height: 30px;
}

ul.breadcrumb {
    /*padding: 10px 16px;*/
    margin-top: 0px;
    padding: 0px;
    list-style: none;
    /*background-color: #eee;*/
}
ul.breadcrumb li {
    display: inline;
    font-size: 11px;
}
ul.breadcrumb li+li:before {
    /*padding: 8px;*/
    /*color: black;*/
    content: "/\00a0";
}
ul.breadcrumb li a {
    color: #0275d8;
    color: #777;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #01447e;
    color: white;
    /*text-decoration: underline;*/
}