.vertmenv2-container {
    height: 100%;
    font-family: 'Albert sans', sans-serif;
    border-right: 1px solid var(--fw-white-250);
    /* max-width: 175px; */
}

.vertmenv2-items-container {
}

.vertmenv2-menu-column-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 100%;
}

.vertmenv2-menu-column-container::-webkit-scrollbar {
    width: 6px;
}

.vertmenv2-menu-column-container::-webkit-scrollbar-track {
    background: transparent;
}

.vertmenv2-menu-column-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.vertmenv2-menu-column-container::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}




















@media (max-width: 992px) {

}

@media (max-width: 767.5px) {
}

@media (max-width: 575.5px) {
    
    /* .vertmenv2-menu-item {
        padding: 8px 10px;
    }
    .vertmenv2-menu-item i {
        margin-right: 7px;
    }    
    .vertmenv2-menu-item span {
        font-size: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    } */
    
}













.vmv2-verticle-list-item {
    display: flex;
    cursor: pointer;
    font-size: 0.7rem;
    gap: 7px;
    padding: 5px 10px;
    align-items: center;
    height: 43px;
    color: var(--fw-black-450);
}
.vmv2-verticle-list-item:hover {
    background-color: var(--fw-white-100);
    color: var(--fw-black-350);
}
.selected-list-item{
    background-color: var(--fw-white-150);
    /* font-weight: bold; */
    color: var(--fw-black-200);
}










.vertmenv2-menu-item {
    display: flex;
    cursor: pointer;
    font-size: 0.8rem;
    gap: 8px;
    padding: 4px 10px;
    align-items: center;
    height: 45px;
    color: var(--fw-black-450);
    max-width: 125px;
}
.vertmenv2-menu-item:hover {
    background-color: var(--fw-white-150);
    color: var(--fw-black-350);
}
.vertmenv2-menu-item-selected {
    background-color: var(--fw-white-200);
    /* font-weight: bold; */
    color: var(--fw-black-200);
}

.vertmenv2-menu-item i {
    /* margin-right: 8px; */
    /* font-size: 0.75rem; */
}
.vertmenv2-menu-item span {
    /* font-size: 0.75rem; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}




.tag-main-line {
    font-size: 0.6rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tag-breakdown-line i {
    margin-left: 4px;
}

.tag-breakdown-line {
    text-align: left; 
    font-size: 0.6rem; 
    opacity: 0.9; 
    margin-top: 2px; 
    width: 100%;    
}









.tag-items-container {

}

.tag-items-container .items-header {
    font-size: 0.8rem;    
}



.tag-items-container .tag-item-row {
    display: flex;
    align-items: center;
    padding: 12px;
    margin-bottom: 5px;
    border-radius: 4px;
    background-color: var(--fw-white-000);
    font-size: 0.7rem;
}

.tag-items-container .tag-item-row .item-thumbnail-container {
    margin-right: 12px;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--background-tertiary, #e9ecef);
    flex-shrink: 0;
}


.tag-items-container .tag-item-row .item-name {
    font-weight: 500;
    margin-bottom: 4px;
}