/* Fixed sidenav, full height */
                      .sidenav {
                        height: max-content;
                        width: 300px;
                        display: grid;
                        align-items: center;
                        position: relative;
                        z-index: 1;
                        background-color: #ede8e8;
                        overflow-x: hidden;
                        border-radius: 5px;
                        margin-right: 25px;
                      }
                      
                      /* Style the sidenav links and the dropdown button */
                      .sidenav a, .dropdown-btn {
                        padding: 10px 8px 10px 16px;
                        text-decoration: none;
                        font-size: 15px;
                        color: #000000;
                        display: block;
                        border: none;
                        background: none;
                        width: 100%;
                        text-align: left;
                        cursor: pointer;
                        border-bottom: 1px solid;
                        /* outline: none; */
                      }
                      .dropdown-btn i{
                        color: #b92020;
                      }

                      /* On mouse-over */
                      .sidenav a:hover, .dropdown-btn:hover {
                        color: #b92020;
                      }
                      
                      /* Main content */
                      
                      
                      /* Add an active class to the active dropdown button */
                      .active {
                        background-color: rgb(136, 127, 127);
                        color: white;
                      }
                      
                      /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
                      .dropdown-container {
                        display: none;
                        background-color: #999595;
                        padding-left: 8px;
                        color: #eee;
                      }
                      
                      /* Optional: Style the caret down icon */
                      .fa-caret-down {
                        float: right;
                        padding-right: 8px;
                      }
                      
                      /* Some media queries for responsiveness */
                      @media screen and (max-height: 450px) {
                        .sidenav {padding-top: 15px;}
                        .sidenav a {font-size: 18px;}
                      }
      
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

ul.breadcrumb li a {color: rgb(201, 5, 5);}