/*local para não precisar importar a classe inteira somente por causa das tagas do breadcrumb, classe de origem:  css/local/Bootstrap/bootstrap.css*/
.breadcrumb {
    position: relative;
    padding: 8px 12px;
    margin: 16px 0;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:flex;
}

    .breadcrumb li {
        display: flex;
    }
    .breadcrumb li a {
        padding:0px !important;
        color:rgba(0,0,0, .60) !important;
        border-bottom:none !important;
        opacity:1 !important;
    }

    .breadcrumb .divider {
        padding: 0 4px;
        color: #ccc;
    }

    .breadcrumb .active {
        color: rgba(0,0,0, .60) !important;
    }

    /*customização*/
    .breadcrumb > li + li:before {
        color: rgba(0,0,0, .60) !important;
        content: "\2771\00a0";
        padding: 0 12px;
    }

    .breadcrumb > li:last-child {
        pointer-events: none
    }

.ultimoDiretorio > span{
    color: rgba(0, 0, 0, .3);
}


    a.ultimoDiretorio:link, a.ultimoDiretorio:visited, a.ultimoDiretorio:hover, a.ultimoDiretorio:active {
        text-decoration: none;
    }

.breadcrumb span {
    font-size: 12px !important;
}
/*Fixar tamanho da fonte para padronizar, senão o tamanho fica de acordo com cada página*/

.menu_breadcrumb {
    width: calc(100% - 16px);
    /*padding-top: 90px;*/

    padding: 0 8px;
}

.menu_breadcrumbSlim {
    width: 100%;
    /*padding-top: 38px;*/
    padding-bottom: 10px;
    float: left;
    height: 40px !important;
    margin-bottom: 16px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -500px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -500px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}