/*! * Multiple select dropdown with filter jQuery plugin. * Copyright (C) 2020 Andrew Wagner github.com/andreww1011 * * This library is free software; you can redistribute it and/or * modify it under the terms of the GNU Lesser General Public * License as published by the Free Software Foundation; either * version 2.1 of the License, or (at your option) any later version. * * This library is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * Lesser General Public License for more details. * * You should have received a copy of the GNU Lesser General Public * License along with this library; if not, write to the Free Software * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 * USA */:root{--fms-badge-text-color:#fff;--fms-badge-color:#406fef}.filter-multi-select.dropdown,.filter-multi-select.dropup{position:relative}.filter-multi-select .dropdown-toggle:after,.filter-multi-select .dropdown-toggle:empty:after{all:unset}.filter-multi-select>.dropdown-toggle:before{border-bottom:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.3em solid;content:"";display:inline-block;margin-right:.255em;vertical-align:middle}.filter-multi-select>.dropdown-toggle:empty:before{margin-right:.255em}.filter-multi-select>.viewbar{cursor:pointer;display:block}.viewbar>*{vertical-align:middle}.filter-multi-select>.viewbar>.selected-items>.item{align-items:center;background-color:var(--fms-badge-color);border-radius:1.1em;color:var(--fms-badge-text-color);display:inline-flex;height:1.875em;margin:.125rem .25rem .125rem 0;padding:0 10px;vertical-align:baseline}.filter-multi-select>.viewbar>.selected-items>.item>button{background-color:transparent;border:0;color:var(--fms-badge-text-color);cursor:pointer;font-weight:900;margin-left:10px}.filter-multi-select>.viewbar>.selected-items>.item>button:hover{filter:contrast(50%)}.filter-multi-select>.viewbar>.selected-items>.item.disabled{display:inline-flex;filter:grayscale(80%) brightness(150%);padding:0 .5em}.filter-multi-select>.viewbar>.selected-items>.item.disabled>button{display:none}.filter-multi-select>.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;display:none;float:left;font-size:.875rem;left:0;list-style:none;margin:.125rem 0 0;max-height:50vh;min-width:10rem;overflow-y:auto;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000}.filter-multi-select>.dropdown-menu.show{display:block}.filter-multi-select>.dropdown-menu>.filter>input{font-size:.875rem}.filter-multi-select>.dropdown-menu>.filter>button{background-color:transparent;border:0;color:#ccc;font-weight:900;position:absolute;right:2rem;top:12px}.filter-multi-select>.dropdown-menu>.filter>button:hover{color:#aaa}.filter-multi-select .dropdown-item{background-color:transparent;border:0;clear:both;color:#212529;display:block;font-weight:400;padding:.25rem 1.5rem;text-align:inherit;white-space:nowrap;width:100%}.filter-multi-select .dropdown-item.disabled,.filter-multi-select .dropdown-item:disabled{background-color:transparent;color:#6c757d;pointer-events:none}.filter-multi-select .dropdown-item:focus,.filter-multi-select .dropdown-item:hover{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{opacity:0;position:absolute;z-index:-1}.filter-multi-select .dropdown-item .custom-control-label{display:inline-block;margin-bottom:0;position:relative;vertical-align:top}.filter-multi-select .dropdown-item .custom-control-label:before{background-color:#fff;border:1px solid #adb5bd;border-radius:.25rem;content:"";display:block;height:1rem;left:-1.5rem;pointer-events:none;position:absolute;top:.15625rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:1rem}.filter-multi-select .dropdown-item[hidden]{display:none!important}.filter-multi-select .dropdown-item .custom-control-label:after{background:no-repeat 50%/50% 50%;content:"";display:block;height:1rem;left:-1.5rem;position:absolute;top:.15625rem;width:1rem}.filter-multi-select .dropdown-item .custom-checkbox:checked~.custom-control-label:before,.filter-multi-select .dropdown-item .custom-checkbox:indeterminate~.custom-control-label:before{background-color:var(--fms-badge-color);border-color:var(--fms-badge-color)}.filter-multi-select .dropdown-item .custom-checkbox:checked:disabled~.custom-control-label:before,.filter-multi-select .dropdown-item .custom-checkbox:indeterminate:disabled~.custom-control-label:before{background-color:var(--fms-badge-color);border-color:var(--fms-badge-color);filter:grayscale(80%) brightness(150%)}.filter-multi-select .dropdown-item .custom-checkbox:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23FFF' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23FFF' d='M0 2h4'/%3E%3C/svg%3E")}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;color:#35495e;display:block;min-height:40px;position:relative;text-align:left;width:100%}.multiselect__spinner{background:#fff;display:block;height:35px;position:absolute;right:1px;top:1px;width:48px}.multiselect *{box-sizing:border-box}.multiselect__current,.multiselect__select{box-sizing:border-box;cursor:pointer;display:block;line-height:16px;margin:0;text-decoration:none}.multiselect__select{height:38px;padding:4px 8px;position:absolute;right:1px;text-align:center;top:1px;transition:transform .2s ease;width:40px}.multiselect__tags{background:#fff;border:1px solid #e8e8e8;border-radius:5px;display:block;font-size:14px;min-height:40px;padding:8px 40px 0 8px}.multiselect__input,.multiselect__single{background:#fff;border:none;border-radius:5px;box-sizing:border-box;display:inline-block;line-height:20px;margin-bottom:8px;min-height:20px;padding:0 0 0 5px;position:relative;transition:border .1s ease;vertical-align:top;width:100%}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect__content-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e8e8e8;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:block;max-height:240px;overflow:auto;position:absolute;width:100%;z-index:3}.multiselect__content{display:inline-block;list-style:none;margin:0;min-width:100%;padding:0;vertical-align:top}.multiselect__element{display:block}.multiselect__option{cursor:pointer;display:block;line-height:16px;min-height:40px;padding:12px;position:relative;text-decoration:none;text-transform:none;vertical-align:middle;white-space:nowrap}.multiselect__option--highlight{background:#41b883;color:#fff;outline:none}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect--active{z-index:3}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect__tags-wrap{display:inline}.multiselect__select:before{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;color:#999;content:"";margin-top:4px;position:relative;right:0;top:65%}.multiselect__tag{background:#41b883;border-radius:5px;color:#fff;display:inline-block;line-height:1;margin-bottom:5px;margin-right:10px;max-width:100%;overflow:hidden;padding:4px 26px 4px 10px;position:relative;text-overflow:ellipsis;white-space:nowrap}.multiselect__tag-icon{border-radius:5px;bottom:0;cursor:pointer;font-style:normal;font-weight:700;line-height:22px;margin-left:7px;position:absolute;right:0;text-align:center;top:0;transition:all .2s ease;width:22px}.multiselect__tag-icon:after{color:#266d4d;content:"\D7";font-size:14px}.multiselect__option:after{font-size:13px;line-height:40px;padding-left:20px;padding-right:12px;position:absolute;right:0;top:0}.multiselect__option--highlight:after{background:#41b883;color:#fff;content:attr(data-select)}.multiselect__option--selected:after{color:silver;content:attr(data-selected)}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;color:#fff;content:attr(data-deselect)}.multiselect__single{margin-bottom:8px;padding-left:5px}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus{border:0;box-shadow:none;outline:2px solid transparent;outline-offset:unset}