.filter-id-label{color: white; font-weight: 500}
.filter-id-1{background-color:#1a8cff}
.filter-id-2{background-color:#009900}
.filter-id-3{background-color:#4d004d}
.filter-id-4{background-color:#ff8c1a}
.filter-id-5{background-color:#336699}
.filter-id-6{background-color:#990000}
.filter-id-7{background-color:#663300}
.filter-id-8{background-color:#404040}
.filter-id-9{background-color:#006666}
.filter-id-10{background-color:#800060}
.filter-id-11{background-color:#004d80}
.filter-id-12{background-color:#804d00}

.form-img{width:230px; height:170px;  object-fit:contain; border-color:white; transition: all .2s;}
@media (min-width: 992px) and (max-width: 1450px){
  .form-img{width:130px; height:100px;}
}

.form-img:hover{border:5px solid white; cursor:pointer}
.image-btns-box {margin-top: 5px; margin-bottom: 10px}
.image-cancel-btn-box{display:none}
.image-delete-btn-box{display:none}
.image-filter{display:none !important}
.has-parent-option{display:none}

.lf-show-on-hover {
	max-height:      200px;
	display:         flex;
	flex-wrap:       wrap;
	justify-content: flex-start;
	position:        relative;
	overflow:        hidden;
}
.lf-show-on-hover.is-active,
.lf-show-on-hover:hover,
.lf-show-on-hover:active {
	max-height: unset;
	overflow:   auto;
}
.lf-show-on-hover:after {
	content:          '';
	width:            100%;
	height:           150px;
	display:          block;
	position:         absolute;
	top:              50px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 100%);
	pointer-events:   none;
}
.lf-show-on-hover.is-active:after,
.lf-show-on-hover:hover:after,
.lf-show-on-hover:active:after {
	display: none;
}
.lf-show-on-hover > div {
	margin:5px;
}