#list-filters-wrapper {padding-bottom:200px!important;}
#list-filters-wrapper .field-scroll-list .form-check .form-check-input, #list-filters-wrapper  .field-global-scroll-list .form-check .form-check-input, #list-filters-wrapper .field-checklist .form-check .form-check-input {float:none!important; margin-left:0!important; min-width:15px!important; margin-top:1px!important; margin-right:7px!important;}
#list-filters-wrapper .field-global-check-area {position:absolute; right:0; top:7px; display:block;}
#list-filters-wrapper .field-global-check-area .form-check-input {margin-top:5px;}
#list-filters-wrapper .form-check-label {font-size:0.8rem; display:inline-block; vertical-align:middle; cursor:pointer;}
#list-filters-wrapper .color-field .form-check-input {visibility:hidden!important;}

#list-filters-wrapper .categories-list li {background-color:var(--color-primary)!important; border-top:1px solid var(--color-primary-light)!important;}
#list-filters-wrapper .categories-list li:hover {background-color:var(--color-primary-light)!important;}
#list-filters-wrapper .categories-list li:last-child {border-bottom:1px solid var(--color-primary-light)!important;}
#list-filters-wrapper .categories-list li a {color:var(--color-white)!important; text-transform:uppercase;}
#list-filters-wrapper .categories-list li a img {display:inline-block; vertical-align:middle; margin-right:2px;}
#list-filters-wrapper .categories-list li a span {display:inline-block; vertical-align:middle; line-height:22px;}

#list-filters-wrapper .menu-list-field {padding:0!important;}
#list-filters-wrapper .menu-list-field li {background-color:var(--color-primary)!important; border-top:1px solid var(--color-primary-light)!important; color:var(--color-white)!important;; border-left:none!important;}
#list-filters-wrapper .menu-list-field li:hover {background-color:var(--color-primary-light)!important; border-left:none!important;}
#list-filters-wrapper .menu-list-field li:last-child {border-bottom:1px solid var(--color-primary-light)!important;};
#list-filters-wrapper .menu-list-field li a img {display:inline-block; vertical-align:middle; margin-right:2px;}
#list-filters-wrapper .menu-list-field li a span {display:inline-block; vertical-align:middle; line-height:22px;}
#list-filters-wrapper .menu-list-field li input[type="radio"] {opacity:0!important; margin-left:-1rem;}
#list-filters-wrapper .menu-list-field li input[type="radio"]:checked + label {background-color:var(--color-primary-light)!important;}
#list-filters-wrapper .menu-list-field li label {cursor:pointer; padding:7px 6px 7px 1rem!important; color:var(--color-white)!important; text-transform:uppercase;}
#list-filters-wrapper .menu-list-field li label i {display:inline-block; vertical-align:middle; margin-right:2px;}

#list-filters-wrapper .filter-area {position:relative; margin-bottom:1.2rem;}
#list-filters-wrapper .filter-title {color:var(--color-primary); display:block; font-weight:bold; text-transform: uppercase; font-size:14px; margin-bottom:2px;}
#list-filters-wrapper .filter-title .filter-icon {display:inline-block; vertical-align:middle;}
#list-filters-wrapper .filter-title .filter-title-text {display:inline-block; vertical-align:middle;}
#list-filters-wrapper .filter-title i {font-size:1.4rem; margin:0; display:inline-block; vertical-align:middle;}
#list-filters-wrapper hr {margin-top:12px; margin-bottom:12px;}
#list-filters-wrapper .field-area-container.field-checklist {padding:0;}
#list-filters-wrapper .field-area-container.field-scroll-list {border:1px solid var(--bs-gray-320); border-radius:8px; padding:3px 7px 0 7px; height:250px; overflow-y:scroll;} 
#list-filters-wrapper .field-area-container.field-scroll-list.active {height:100%; overflow-y:unset;}
#list-filters-wrapper .field-area-container.field-global-scroll-list {border:1px solid var(--bs-gray-320); border-radius:8px; padding:3px 7px 0 7px; height:250px; overflow-y:scroll;} 
#list-filters-wrapper .field-area-container.field-global-scroll-list.active {height:100%; overflow-y:unset;}
#list-filters-wrapper .field-area-container.field-global-scroll-list .field-scroll-list {border:none!important; padding:0!important; border-radius:0!important; height:auto!important; overflow-y:auto!important;} 
.filter-only, .filter-not {display:none;}

#bt-filters-show, #bt-filters-hide {background:var(--color-primary); z-index:1001; font-size:1.3rem; color:var(--color-white); border-radius:10px; position:fixed; width:50px; height:50px; bottom:15px; left:15px; text-align:center; padding:10px 5px; box-shadow:0 -2px 15px rgba(0,0,0,.6);}
#bt-filters-hide {display:none; font-size:1.1em;}
#bt-builder-show, #bt-builder-hide {background:var(--color-primary); z-index:1001; color:var(--color-white); border-radius:10px; position:fixed; width:50px; height:50px; bottom:15px; right:15px; text-align:center; padding:10px 5px; box-shadow:0 -2px 15px rgba(0,0,0,.6); right:80px;}
#bt-builder-hide {display:none; font-size:1.1em;}
#list-results-area-parent {max-width:100%!important; width:100%!important;}
#list-filters-wrapper {z-index:1000; display:none; padding:0; width:100%!important}
#list-filters-wrapper .bordered.whitebg {height:100%;}
#list-filters-wrapper .form-group {width:100%; margin-bottom:0;}
#list-filters-wrapper label.btn-outline-secondary {font-size:0.8rem; cursor:pointer; padding:4px!important; box-shadow:none!important; border-radius:0!important;}
#list-filters-wrapper label.btn-outline-secondary:active {color:var(--color-white);}
#list-filters-wrapper label.btn.btn-color {border-radius:50%; padding:3px; position:relative; border:2px solid var(--color-black);}
#list-filters-wrapper label.btn.btn-color .form-check {text-align:center; margin:0; width:25px; height:25px; color:var(--color-white);}
#list-filters-wrapper label.btn.btn-color .form-check .form-check-label {display:none!important;}
#list-filters-wrapper label.btn.btn-color .form-check-input + .filter-color-icon {display:none; position: absolute; left:3px; top:2px; font-size:1.1rem;}
#list-filters-wrapper label.btn.btn-color .form-check-input:checked + .filter-color-icon {display:block;}

#list-filters-wrapper .input-group .input-group-append {margin-right:4px;}
#list-filters-wrapper .input-group select {border-radius:5px;}
#list-filters-wrapper select {color:var(--bs-gray-510);}
#list-filters-wrapper select option {color:var(--color-black);}
#list-filters-wrapper input[type=text] {color:var(--bs-gray-510);}
#list-filters-wrapper input[type=text].field-active {background:var(--color-secondary-light); color:#FFFFFF; border:1px solid var(--color-secondary-light);}
#list-filters-wrapper input[type=text].field-active:focus  {background:var(--color-secondary-light); color:#FFFFFF; border:1px solid var(--color-secondary-light);}


#list-filters-wrapper .search-filter-btn {height:30px; width:30px; margin-top:10px; margin-right:3px;}
#list-filters-wrapper .search-filter-btn img {margin-top:-4px;}

#list-active-filters-area {list-style:none;}
#list-active-filters-area .active-filter {width:auto; margin:0 2px;}

#list-results-area nav {margin:0 auto;}

.btn-group-rarity .form-check-input:checked + .label-rarity .rarity-field-active {display:block!important;}
.btn-group-rarity .form-check-input:checked + .label-rarity .rarity-field-inactive {display:none!important;}
.btn-group-rarity .label-rarity, .btn-group-rarity .label-rarity:active {border:none!important;}

.btn-group-ink .form-check-input:checked + .label-ink .ink-field-active {display:block!important;}
.btn-group-ink .form-check-input:checked + .label-ink .ink-field-inactive {display:none!important;}
.btn-group-ink .label-ink, .btn-group-ink .label-ink:active {border:none!important;}


.filter-area .field-area .categories-list i {font-size:1.2rem;}

@media (min-width: 992px) {
    .item {width:33.33333%;}
    #list-filters-wrapper {display:block!important; width:30%!important;}
    #list-results-area-parent {display:block!important; width:70%!important;}
}

@media (min-width: 1200px) {
    #list-filters-wrapper {width:25%!important;}
    #list-results-area-parent {width:75%!important;}
}

@media (min-width: 1575px) {
    .item {width:20%;}
    #list-filters-wrapper {width:18%!important;}
    #list-results-area-parent {width:82%!important;}
}