.result-select>label{
        z-index: 2;
    }
    .multiselect{
        text-align: left !important;
        border: 0;
            color: #1a3a64;
            font-weight: 300;
    }
    .btn-group {
        border: 1px solid #d9d9d9;
        padding: 40px 15px 15px 40px;
        border-radius: 100px;
        background-color: #fff;
        width: 100%;
        background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.29289 9.29289C5.68342 8.90237 6.31658 8.90237 6.70711 9.29289L12 14.5858L17.2929 9.29289C17.6834 8.90237 18.3166 8.90237 18.7071 9.29289C19.0976 9.68342 19.0976 10.3166 18.7071 10.7071L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L5.29289 10.7071C4.90237 10.3166 4.90237 9.68342 5.29289 9.29289Z" fill="%230D0D0D"/></svg>');
        background-size: 24px auto;
        background-repeat: no-repeat;
        background-position: right 20px center;
    }

    .multiselect-container .multiselect-filter > input.multiselect-search{
        margin-left: 0;
        padding: 10px 15px;
        width: 100%;
    }
    .multiselect-container .multiselect-filter > .fa-search{
        display: none;
    }

    .multiselect-container{
        width: 90% !important;
    }

    .multiselect-option {
        display: block;
        font-size: 1rem;
        padding: 15px 15px 15px 25px !important;
        border: 1px solid #DEE0E3;
        background: #FFF !important;
    }
    .multiselect-container .multiselect-option:hover, .multiselect-container .multiselect-group:hover, .multiselect-container .multiselect-all:hover, .multiselect-container .multiselect-option:focus, .multiselect-container .multiselect-group:focus, .multiselect-container .multiselect-all:focus{
        background: #FFF !important;
    }

    .multiselect-option input {
        position: relative;
        margin-right: 15px;
        margin-left: -32px;
    }
    .multiselect-option input::before{
        content: "";
        position: absolute;
        left: -1px;
        top: -1px;
        width: 18px;
        height: 18px;
        background: #fff;
        border: 2px solid #D7D7D7;
        border-radius: 2px;
    }
    .multiselect-option input:checked::before{
        background: #5C4192;
        border-color: #5C4192
    }
    .multiselect-option input:checked::after{
        content: "";
        position: absolute;
        left: -1px;
        top: -1px;
        width: 18px;
        height: 18px;
        background-image: url('data:image/svg+xml,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.4L0 5.4L1.4 4L4 6.6L10.6 0L12 1.4L4 9.4Z" fill="%23FFED00"/></svg>');
        background-size: 12px auto;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .multi-select-button {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 40px;
    }

    .multi-select-container--open .multi-select-menu {
        display: block;
    }

    .multi-select-container--open .multi-select-button:after {
        border-width: 0 0.4em 0.4em 0.4em;
        border-color: transparent transparent #999 transparent;
    }

    .multi-select-container--positioned .multi-select-menu {
        /* Avoid border/padding on menu messing with JavaScript width calculation */
        box-sizing: border-box;
    }

    .multi-select-container--positioned .multi-select-menu label {
        /* Allow labels to line wrap when menu is artificially narrowed */
        white-space: normal;
    }
    @media (max-width: 767px){
        /* .multi-select-menu{
            left: 15px;
            right: 15px;
        }
        .multi-select-menuitem{
            padding: 10px 15px 10px 50px;
        }
        .multi-select-container{
            padding: 22px 30px 5px 25px;
            background-size: 18px auto;
            background-position: right 10px center;
        } */
    }





.multiselect-option{
  white-space: normal !important;
  word-break: break-word;         /* ไทย/อังกฤษยาวๆ ไม่ล้น */
  overflow-wrap: anywhere;
  max-width: 100%;
}
.multiselect-option > .form-check{
    display: flex;
    align-items: start;
}

/* กันไม่ให้ช่อง dropdown แคบกว่าปุ่มมากเกินไป */
.btn-group > .multiselect-container.dropdown-menu{
  width: 100%;
  min-width: 100%;
}