body {
    text-transform: lowercase;
	background-color:#ddd;
}
a {
    text-decoration: none;
}
i.bi {
    margin-right: 0.3em;
}
.table {
    margin: auto;
    width: 50% !important;
}
nav#breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
}
nav#breadcrumbs ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
nav#breadcrumbs ul .icon {
    font-size: 14px;
}
nav#breadcrumbs ul li {
    float: left;
}
nav#breadcrumbs ul li a {
    color: #fff;
    display: block;
    background: #515151;
    text-decoration: none;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
}
nav#breadcrumbs ul li:nth-child(even) a {
    background-color: #525252;
}
nav#breadcrumbs ul li:nth-child(even) a:before {
    border-color: #525252;
    border-left-color: transparent;
}
nav#breadcrumbs ul li:nth-child(even) a:after {
    border-left-color: #525252;
}
nav#breadcrumbs ul li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}
nav#breadcrumbs ul li:first-child a:before {
    border: none;
}
nav#breadcrumbs ul li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}
nav#breadcrumbs ul li:last-child a:after {
    border: none;
}
nav#breadcrumbs ul li a:before, nav#breadcrumbs ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #515151;
    border-width: 20px 10px;
    width: 0;
    height: 0;
}
nav#breadcrumbs ul li a:before {
    left: -20px;
    border-left-color: transparent;
}
nav#breadcrumbs ul li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #515151;
}
nav#breadcrumbs ul li a:hover {
    background-color: #6320aa;
}
nav#breadcrumbs ul li a:hover:before {
    border-color: #6320aa;
    border-left-color: transparent;
}
nav#breadcrumbs ul li a:hover:after {
    border-left-color: #6320aa;
}
nav#breadcrumbs ul li a:active {
    background-color: #330860;
}
nav#breadcrumbs ul li a:active:before {
    border-color: #330860;
    border-left-color: transparent;
}
nav#breadcrumbs ul li a:active:after {
    border-left-color: #330860;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  
/*  border: 1px solid #333; */
  border-radius: 8px;
  overflow: hidden;
}

tr:first-child { border-top-left-radius: 8px; }
tr:last-child { border-top-right-radius: 8px; }

tr:last-child td:first-child { border-bottom-left-radius: 8px; }
tr:last-child td:last-child { border-bottom-right-radius: 8px; }