.TabsFilter .header .title {
    font-weight: bold;
    text-transform: uppercase;
}

.TabsFilterItem {
    border-radius: 99em;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    margin-top: 2px;
    display: inline-block;
    margin-bottom: 2px;
}

.tfHeaderChk {
    margin-left: 5px !important;
    cursor: pointer;
}

.tfHeaderSearch {
    border: 1px solid #f7f7f7;
}

.TabsFilterItemWrap {
    padding: 2px;
}

.TabsFilter .v1 .active {
    background: var(---tabFilterActiveBgColorV1);
    color: var(---tabFilterActiveTextColorV1);
}

.TabsFilter .v1 .inactive {
    background: var(---tabFilterInActiveBgColorV1);
    color: var(---tabFilterInActiveTextColorV1);
}

.TabsFilter .v2 .active {
    background: var(---tabFilterActiveBgColorV2);
    color: var(---tabFilterActiveTextColorV2);
}

.TabsFilter .v2 .inactive {
    background: var(---tabFilterInActiveBgColorV2);
    color: var(---tabFilterInActiveTextColorV2);
}