﻿div.containerDrop select.hidden {
    display: none;
}

.multiselect-native-select .btn-group {
    width: 100%;
}

.multiselect-native-select .btn-group button.multiselect {
    width: 100%;
    /* TODO change this to rem */
    height: 33px;

    padding: .375rem 1.75rem .375rem .75rem;

    color: #495057;
    border: 1px solid #ced4da;
    border-radius: .25rem;

    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;

    display: flex;

    line-height: 1.5;
    vertical-align: middle;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.multiselect-native-select .btn-group button.multiselect span.multiselect-selected-text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    text-align: left;
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-filter i {
    background: url(../icons/iconMRO/GeneralIcon/FOLDER_ADD_N.svg);
}

.multiselect-container .multiselect-filter {
    position: sticky;
    top: 0;
}

.multiselect-container .multiselect-filter > input.multiselect-search {
    margin-left: 0;
}
