.avatar {
    display: inline-block;
    position: relative;
    width: 3rem;
    height: 3rem;
    text-align: center;
    border: #dee2e6;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1rem rgba(0,0,0,0.15);
    line-height: 3rem
}

.avatar.avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.avatar.avatar-lg {
    width: 5rem;
    height: 5rem;
    line-height: 5rem
}

.avatar.avatar-xl {
    width: 7rem;
    height: 7rem;
    line-height: 7rem
}

.avatar.avatar-xxl {
    width: 10rem;
    min-width: 10rem;
    height: 10rem;
    line-height: 10rem
}

.avatar.avatar-border-white {
    border: solid 2px #fff
}


.bg-gray-100 {
    background: #f8f9fa !important;
}

.card hr:not([size]) {
    height: 1px;
}
.card hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .1;
    max-width: 100%;
}