.breadcrumb {
    padding: 0;
    background-color: transparent;
    margin-top: -.7rem;
    font-size: .8rem;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "\203A";
    vertical-align: top;
    color: #333;
    font-size: 16px;
    line-height: 13px;
}

.table th, .table td {
    vertical-align: middle;
}

.badge {
    a {
        color: $white;
    }
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin: -0.4em 0 0 0.4em;
    vertical-align: middle;
    content: "";
    border: 1em solid;
    border-width: 0 0.1em 0.1em 0;
    transform: rotateZ(45deg);
}

.btn-more {
    background: $gray-500;
    padding: .2rem .4rem;
    color: $gray-700;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;

    .material-symbols-outlined {
        font-size: 1rem;
        line-height: .8rem;
    }

    &.btn-sm-more {
        padding: 0.2rem;
    }
}

.text-right {
    text-align: right;
}

.text-sm {
    font-size: .8rem;
}

.text-1 {
    font-size: 1rem;
}

.divisor {
    display: flex;
    width: 100%;
    font-size: .7rem;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1rem 0;

    &:before,
    &:after {
        content: '';
        border-top: 1px solid $gray-300;
        margin: 0 20px 0 0;
        flex: 1 0 20px;
    }

    &:after {
        margin: 0 0 0 20px;
    }
}

.list-group-heading {
    border: 1px solid $gray-300;
    padding: 0.5rem 1rem;
    font-weight: 600;
    text-transform: uppercase;
    background: $gray-200;
    text-align: center;
    line-height: 1rem;
}

.nav-sm {
    .nav-link {
        --bs-nav-link-padding-y: .25rem;
        --bs-nav-link-padding-x: .25rem;
    }
}

.card .card-header {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}