.breadcrumbnav {
    background: #dddddd;
    display: block;
    padding-left: 15px;
    border-bottom: 1px solid #afafaf;
}

@media screen and (max-width:768px) {
    .breadcrumbnav {
        padding-left: 0px;
    }
}

.breadcrumb
{
    background: transparent;
    padding: 0.5em;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    /* border-bottom: 1px solid #afafaf; */
}

.breadcrumb li
{
    font-size: 14px;
    font-weight: 600;
}

.breadcrumb a
{
    color: #333333; /* #0C0C0C; */
}

.breadcrumb a:hover
{
    color: #0C0C0C;
}

.breadcrumb>.active
{
    color: #0C0C0C;
}

.breadcrumb>li+li:before
{
    color: #333333;
}


/* @todo: Move this else where.  This would be the system wide button behavior. */
.action-buttons {
    padding: 0.5em;

}
/*
.btn-group {
    float:right;
}
*/
.btn-group .btn {

    margin-left: -1px;
    margin-bottom: 3px;
    border-color: #afafaf;
    color: #0C0C0C;
}

.btn:hover .glyphicon{
    color: #0C0C0C;
}

.btn a {
    /* padding: 14px 24px; */
    border: 0 none;
    border-radius: 0;
    color: #0C0C0C;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline-width: 0;
    outline-style: none;
}

.btn-primary {
    background: #ffffff;
    color: #0C0C0C;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #d4d4d4;
}

.btn-primary:active, .btn-primary.active {
    background: #333333;
}