span.multiselect-native-select {
    position: relative
}

    span.multiselect-native-select select {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px -1px -1px -3px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
        left: 50%;
        top: 30px
    }

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .multiselect-container .input-group {
        margin: 5px
    }

    .multiselect-container .multiselect-reset .input-group {
        width: 93%
    }

    .multiselect-container > li {
        padding: 5px 0px;
    }

        .multiselect-container > li:hover {
            background: #0076b9;
            color: #fff;
        }

        .multiselect-container > li > a.multiselect-all label {
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group label {
            margin: 0;
            padding: 3px 20px;
            height: 100%;
            font-weight: 700
        }

        .multiselect-container > li.multiselect-group-clickable label {
            cursor: pointer
        }

        .multiselect-container > li > a {
            padding: 0;
            color: #495057;
        }

            .multiselect-container > li > a:hover {
                color: #fff;
            }

            .multiselect-container > li > a > label {
                margin: 0;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 3px 20px 3px 10px
            }

                .multiselect-container > li > a > label.checkbox,
                .multiselect-container > li > a > label.radio {
                    margin: 0
                }

                .multiselect-container > li > a > label > input[type=checkbox] {
                    margin-bottom: 5px
                }

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}

.multiselect-container.dropdown-menu.show {
    padding: 0px;
}

span.multiselect-selected-text {
    font-weight: normal;
}

.multiselect-native-select div.btn-group,
.multiselect-native-select div.btn-group button.multiselect.dropdown-toggle,
.multiselect-native-select div.btn-group ul.multiselect-container {
    width: 100%;
    text-align: left;
}

    .multiselect-native-select div.btn-group button.multiselect.dropdown-toggle::after {
        float: right;
        margin-top: 10px;
    }

button.multiselect {
    display: block;
    width: 100%;
    height: calc(2.85rem + 2px);
    padding: 0.675rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    button.multiselect.dropdown-toggle::after {
        color: #000;
    }

    button.multiselect:hover {
        cursor: default !important;
    }

.multiselect-container > li > a:hover {
    cursor: default !important;
}

.multiselect-container > li > a > label.checkbox:hover,
.multiselect-container > li > a > label.radio:hover {
    cursor: default !important;
}

select.form-control {
    background: url(../images/caret-down-solid.svg) no-repeat right #fff;
    background-position-x: calc( 100% - 5px );
    background-size: 15px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}