.breadcrumb {
    margin-bottom: 30px;
    background: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.sb-preview {
    margin-bottom: 30px;
    position: relative;
}

    .sb-preview .card {
        border: 1px solid #ededed;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
        background: #f5f5f5;
    }

        .sb-preview .card .sb-preview-img {
            transition: all .2s ease-in-out;
        }

            .sb-preview .card .sb-preview-img:hover {
                opacity: .7;
            }

        .sb-preview .card .card-body {
            padding: 1.5rem 1.5rem 0;
        }

        .sb-preview .card .card-footer {
            padding: .75rem 1.5rem 1.5rem;
            border: 0;
            background: 0 0;
        }

            .sb-preview .card .card-footer .btn {
                font-size: 11px;
            }

    .sb-preview .sb-new-badge {
        position: absolute;
        top: -5px;
        right: 5px;
        z-index: 1;
    }

.h-100 {
    height: 100%!important;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
}

.card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
}

.card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
}

.card-snippet .card-img-top {
    transition: all .2s ease-in-out;
}

.card-snippet:hover .card-img-top {
    opacity: .7;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}.card-title {
    margin-bottom: .75rem;
}.card-text:last-child {
    margin-bottom: 0;
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
    }