.list-of-color-filter ul li{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 10px 10px 0 0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.list-of-color-filter ul li:last-child{
    margin: 10px 0 0 0;
}
.bg-black{    
    background-color: #333;
}
.bg-blue{    
    background-color: #3255A6;
}
.bg-orange{    
    background-color: #F7931E;
}
.bg-yellow{    
    background-color: #F3E31B;
}
.bg-pink{
    background-color: #FEB6B6;
}
.bg-red{
    background-color: #ED1C24;
}
.bg-purple{
    background-color: #7251A1;
}
.bg-green{
    background-color: #8BC63F;
}
.bg-brown{
    background-color: #CA5900;
}
.bg-grey{
    background-color: #999;
}
.bg-multi{
    background-image: url('/resources/images/assets/bg-multi-color.PNG');
    background-size: 100% 110%;
}
.color-filter-selected{
    border: 2px solid #000;
}
.tooltipster-base{
    border-color: #F7931E;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tooltipster-arrow-border{
    border-color: #F7931E;    
}
.tooltipster-content{
    color: #000;
}
.reset-filter-color{    
    font-size: 15px;
    float: right;
    color: #ccc;
}