:root {
    --fms-badge-color: #d1d2e9;
    --fms-badge-color-disabled: #e8e8e8;
    --fms-badge-text-color: rgba(0,0,0,.6);
}

[hidden] {
    display: none !important;
}

.filter-multi-select > .viewbar, 
.filter-multi-select > .dropdown-menu, 
.filter-multi-select > .dropdown-menu > .filter > input {
    font-size: inherit;
    width: 100%;
}

.filter-multi-select .dropdown-item label {
    font-weight: inherit;
}

.filter-multi-select .dropdown-item .custom-control-label::before,
.filter-multi-select .dropdown-item .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
    left: -2rem;
}

.filter-multi-select .dropdown-item {
    padding: 0.25rem 2rem;
    line-height: 1.42857143;
}

.filter-multi-select > .viewbar > .selected-items > .item.disabled {
    filter: none;
	background-color: var(--fms-badge-color-disabled);
}

.filter-multi-select .dropdown-item .custom-checkbox:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23555555' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.filter-multi-select .dropdown-item .custom-checkbox:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23555555' d='M0 2h4'/%3e%3c/svg%3e");
}

/* From 4th item, show +n */
/* https://github.com/andreww1011/filter-multi-select/issues/14 */

.filter-multi-select { 
	counter-reset: nitems;
}

.filter-multi-select > .viewbar > .selected-items > .item:nth-child(n+4) {
	counter-increment: nitems;
	visibility: hidden;
	width: 0;	
	padding: 0;
	border: 0;
	margin: 0;
}

.filter-multi-select > .viewbar > .selected-items > .item:nth-child(3) ~ .item:last-child::before {
	visibility: visible;
	content: "+" counter(nitems);
	color: black;
}