/*
Description: breadcrumb.tpl styles
*/
@media (min-width: 320px) {
    #breadcrumb {
        display: inline-block;
        background-color: #F1F1F1;
        border-radius: 5px;
        padding: 0 10px;
        margin-top: 10px;
    }

    .sidebarLeft #breadcrumb {
        margin-top: 0;
    }

    #breadcrumb>li:last-child:after,
    #breadcrumb>li:before {
        display: none;
    }

    #breadcrumb>li:after {
        content: "\203A";
        padding: 0 10px;
        position: absolute;
        right: 0px;
        top: -1px;
    }

    .breadcrumb>li:not(:last-child) {
        padding-right: 25px;
        position: relative;
    }

    #breadcrumb>li a,
    #breadcrumb>li:after {
        font-weight: 600;
        /*color: #676767;*/
        color: #333;
    }

    #breadcrumb>li.active a {
        /*color: rgba(103, 103, 103, 0.7);*/
        color: #333b;

    }

    #breadcrumb>li a:hover {
        text-decoration: none;
    }
}

@media (min-width: 690px) {
    #breadcrumb {
        border-radius: 15px;
    }
}