/* Pricelens custom */

.DTFC_LeftBodyLiner {
  overflow-y: auto !important;
}

.avatar img {
  -o-object-fit: contain;
     object-fit: contain;
}

.tagify__dropdown.product-tags .tagify__dropdown__item{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 1em;
    grid-template-areas: "avatar name"
                        "avatar email";
}

.tagify__dropdown.product-tags .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap{
    transform: scale(1.2);
}

.tagify__dropdown.product-tags .tagify__dropdown__item__avatar-wrap{
    grid-area: avatar;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    background: #EEE;
    transition: .1s ease-out;
}

.tagify__dropdown.product-tags img{
    width: 100%;
    vertical-align: top;
}

.tagify__dropdown.product-tags header.tagify__dropdown__item > div,
.tagify__dropdown.product-tags .tagify__dropdown__item strong{
    grid-area: name;
    width: 100%;
    align-self: center;
}

.tagify__dropdown.product-tags span{
    grid-area: email;
    width: 100%;
    font-size: .9em;
    opacity: .6;
}

.tagify__dropdown.product-tags .tagify__dropdown__item__addAll{
    border-bottom: 1px solid #DDD;
    gap: 0;
}

.tagify__dropdown.product-tags .remove-all-tags{
    float: right;
    font-size: .8em;
    padding: .2em .3em;
    border-radius: 3px;
    user-select: none;
}

.tagify__dropdown.product-tags .remove-all-tags:hover{
    color: white;
    background: salmon;
}


/* Tags items */
#product-tags .tagify__tag{
    white-space: nowrap;
}

#product-tags .tagify__tag img{
    width: 100%;
    vertical-align: top;
    pointer-events: none;
}


#product-tags .tagify__tag:hover .tagify__tag__avatar-wrap{
    transform: scale(1.6) translateX(-10%);
}

#product-tags .tagify__tag .tagify__tag__avatar-wrap{
    width: 16px;
    height: 16px;
    white-space: normal;
    border-radius: 50%;
    background: silver;
    margin-right: 5px;
    transition: .12s ease-out;
}

.product-tags .tagify__dropdown__itemsGroup:empty{
    display: none;
}

.product-tags .tagify__dropdown__itemsGroup::before{
    content: attr(data-title);
    display: inline-block;
    font-size: .9em;
    padding: 4px 6px;
    margin: var(--tagify-dd-item-pad);
    font-style: italic;
    border-radius: 4px;
    background: #00ce8d;
    color: white;
    font-weight: 600;
}

.product-tags .tagify__dropdown__itemsGroup:not(:first-of-type){
    border-top: 1px solid #DDD;
}

.dropdown-menu.dt-button-collection {
    min-width: 9rem;
    top: 10px !important;
}

.dropdown-menu.dt-button-collection .list-group-item {
    padding: 0px;
}

#profile-menu {
    z-index: 1100;
    position: fixed;
    bottom: 0.1em;
    left: 16.5rem;
}

.authentication-wrapper .invalid-feedback {
    display: block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}

div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.stacked-charts > div {
    margin-top: 15px;
}

.stacked-charts-legend {
    font-size: 0.9em;
    margin-top:15px;
    display: flex;
    justify-content: space-around;
}