.avatar{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid rgb(66, 65, 65);
    overflow: hidden;
}
.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mr-10{
    margin-right: -10px;
}

.avatar:hover{
    z-index: 100;
    transform: scale(1.1);
}

.avatar-big{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
}
.avatar-big img {
    width: 100%;
    height: 100%;
}

.click-view{
    top: 0;
    left: -10rem;
    height: 100%;
    width: 10rem;
    border: 2px solid rgb(130, 130, 232);
    padding: .5rem;
}
.bg-light-warning {
    background: rgba(255, 159, 67, 0.12) !important;
    color: #FF9F43 !important;
}



.hover-btn-bar-wrapper {
    position: relative;
}
.end-0 {
    left: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}


.font-small-2 {
    font-size: 0.7rem !important;
}

.flexwrap {
    flex-wrap: wrap;
}