.multiselect {
    text-align: left;
}

.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: -20px 0;
    padding: 0;
    top: 100%;
    right: auto;
    width: calc(100% - 30px );
    left: 15px;
    border: 1px solid #E4E6EF;
    z-index: 999
}

    .multiselect-container .input-group {
        margin: 5px;
        position: relative !important;
        display: table !important;
        width: auto !important;
    }

        .multiselect-container .input-group .input-group-addon {
            background-color: #f3f5f9;
            border: 1px solid #e4e6ef;
            border-right: 0;
        }

        .multiselect-container .input-group i {
            line-height: 1;
            font-size: 14px;
            color: #555;
        }

    .multiselect-container .multiselect-search {
        width: 100%;
    }

    .multiselect-container .multiselect-clear-filter {
        width: 40px;
        border-color: #e4e6ef;
    }

    .multiselect-container > li {
        padding: 0
    }

        .multiselect-container > li:last-child {
            margin-bottom: 5px;
        }

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

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

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

        .multiselect-container > li > a {
            padding: 2px 7px;
            border-radius: 5px;
            margin: 2px 5px;
        }

            .multiselect-container > li > a:hover, .multiselect-container > li.active > a, .multiselect-container > li.active > .multiselect-container > li.active > a:hover {
                background-color: #0075ff !important;
            }

                .multiselect-container > li.active > a label, .multiselect-container > li > a:hover label {
                    color: #ffffff;
                }


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

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

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

.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
}