.filter-multi-select.dropup, .filter-multi-select.dropdown {
    position: relative;
    width: 100%
}

.filter-multi-select .dropdown-toggle::after {
    all: unset;
}

.filter-multi-select .dropdown-toggle:empty::after {
    all: unset;
}

.filter-multi-select > .dropdown-toggle::before {
    content: '\e820';
    display: block;
    float: left;
    position: relative;
    top: 4px;
    font-size: 16px;
    color: #afe8ca
    
}
.filter-multi-select > .dropdown-toggle:empty::before {
    margin-right: 0.255em;
}
.filter-multi-select > .viewbar {
    white-space: normal;
    font-size: 0.875rem;
    font-weight: 400;
    height: auto;
    cursor: pointer;
    padding: 0 10px;
    width: 100%;
    width: 100%;
}

.filter-multi-select > .viewbar > .selected-items > .item {
    margin: .125rem 0 .125rem 4px;
    padding: 0px .7rem 0px .4em;
    display: inline-flex;
    height: 1.875em;
    color: #3fd184;
    border-radius: 1.1em;
    align-items: center;
    vertical-align: baseline;
    background: #eefff6;
    border: 1px solid #3fd184;
}

.filter-multi-select > .viewbar > .selected-items > .item > button {
    background-color: transparent;
    color: #3fd184;
    border: 0;
    font-weight: normal;
    cursor: pointer;
    font-size: 22px;
    margin-right: 5px;
}

.filter-multi-select > .viewbar > .selected-items > .item > button:hover {
    filter: contrast(50%);
}

.filter-multi-select > .viewbar > .selected-items > .item.disabled {
    display: inline-flex;
    padding: 0px .5em 0px .5em;
    filter: grayscale(80%) brightness(150%);
}

.filter-multi-select > .viewbar > .selected-items > .item.disabled > button {
    display: none;
}

.filter-multi-select > .dropdown-menu {
    position: absolute;
    top: clac(100% + 10px);
    right: : 0;
    z-index: 10;
    display: none;
    max-height: 50vh;
    min-width: 250px;
    overflow-y: auto;
    padding: 15px;
    margin: 20px 0 0;
    font-size: 1em;
    text-align: right;
    list-style: none;
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #eee;
    border-radius: 10px;
}

.filter-multi-select > .dropdown-menu.show {
    display: block;
    top: clac(100% + 10px);
}

.filter-multi-select > .dropdown-menu > .filter > input {
    font-size: 0.875rem;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 10px;
    /*! display: none */
}

.filter-multi-select > .dropdown-menu > .filter > button {
    position: absolute;
    border: 0;
    background-color: transparent;
    font-weight: normal;
    color: #ccc;
    left: 1.5rem;
    top: 20px;
    font-size: 22px;
}

.filter-multi-select > .dropdown-menu > .filter > button:hover {
    color: #aaa;
}

.filter-multi-select .dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    /*! display: flex; */
    /*! flex-direction: column */
}
.filter-multi-select .custom-control {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2px 0;
    cursor: pointer !important;
}
.filter-multi-select .dropdown-item.disabled, .filter-multi-select .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
}

.filter-multi-select .dropdown-item:hover, .filter-multi-select .dropdown-item:focus  {
    background-color: inherit;
}

.filter-multi-select .dropdown-item.active, .filter-multi-select .dropdown-item:active {
    color: inherit;
}

.filter-multi-select .dropdown-item .custom-control-input {
    padding: 0;
    top: unset;
    height: 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
}
.filter-multi-select .dropdown-item .custom-control-input:before {
    font-size: 13px;
}
.filter-multi-select .dropdown-item .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    display: inline-block;   
    flex-grow: 1
}
.filter.dropdown-item {
    display: none;
}