span.multiselect-native-select {
    position: relative;
    width: 100%;
    /* position: relative !important; */
}

    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
    }

    span.multiselect-native-select > .btn-group {
        border: 1px solid #818182;
        border-radius: 4px;
        height: 37px !important;
        width: 100%;
    }

span.multiselect-selected-text {
    text-align: left !important;
    float: left;
    width: calc(100% - 5px);
}

span.multiselect-native-select > span.multiselect-selected-text .caret {
    float: right;
}

span.multiselect-native-select .multiselect {
    padding-right: 15px !important;
    text-overflow: unset;
}

.multiselect-container .input-group {
    border-collapse: separate;
    position: relative;
    display: table;
    margin: 5px !important;
    width: 100%;
}

.multiselect-container .multiselect-filter .input-group-addon {
    border: 1px solid #818182;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    background-color: lightgray;
    padding: 0px !important;
    width: 20px !important;
    border-right: 0;
}

.multiselect-container .multiselect-search {
    padding-left: 5px !important;
    width: 100% !important;
    height: 40px !important;
    z-index: 1050;
}

.multiselect-container .multiselect-filter .input-group-btn {
    border: 1px solid #818182;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    background-color: lightgray;
    width: 20px !important;
    border-left: 0;
}

    .multiselect-container .multiselect-filter .input-group-btn .multiselect-clear-filter {
        height: 38px !important;
        background-color: lightgray;
        padding: 0px !important;
        margin-left: 0px !important;
        background-color: transparent !important;
    }

.multiselect-container.dropdown-menu {
    cursor: pointer;
    position: absolute;
    list-style-type: none !important;
    border-width: 2px;
    border-style: solid;
    border-color: darkgreen; /*#828285;*/
    min-height: auto !important;
    max-height: 330px !important;
    min-width: inherit;
    width: max-content !important;
    /*max-width: -webkit-fill-available;*/
    margin: 0 !important;
    padding: 0 !important;
    user-select: none;
    left: -1px !important;
    top: -1px !important;
    z-index: 1006;
}

.ui-dialog .ui-dialog-content .multiselect-container.dropdown-menu {
    /*position: fixed !important;
    left: inherit;
    top: inherit;*/
}

    .ui-dialog .ui-dialog-content .multiselect-container.dropdown-menu input {
        z-index: 1005;
    }

.multiselect-container li.multiselect-filter i {
    font-size: 12px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -6px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.multiselect-container .multiselect-reset .input-group {
    width: calc(100% - 8px) !important;
    text-align: center;
}

.multiselect-container .multiselect-filter .input-group {
    width: calc(100% - 8px) !important;
    text-align: center;
}

    .multiselect-container .multiselect-filter .input-group .form-control {
        /*position: unset !important;*/
    }

    .multiselect-container .multiselect-filter .input-group .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell;
    }

.multiselect-container > li {
    padding: 0 !important;
    margin-bottom: 0px !important;
}

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

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

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

    .multiselect-container > li > a {
        padding: 0 !important;
        height: 40px;
    }

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

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

            .multiselect-container > li > a > label.checkbox {
                margin: 0 !important;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 5px 5px 5px 5px !important;
            }

            .multiselect-container > li > a > label.radio {
                margin: 0 !important;
                height: 100%;
                cursor: pointer;
                font-weight: 400;
                padding: 8px 5px 8px 5px !important;
            }


ul.multiselect-container > li.active:not(first) {
    background-color: #1c8eef;
    color: #fff !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

ul.multiselect-container > li.active:not(first) {
    background-color: #1c8eef;
    color: #fff !important;
    -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

ul.multiselect-container > li:not(first) > a:hover {
    color: whitesmoke !important;
    background-color: #1c8eef !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

ul.multiselect-container li .radio label,
ul.multiselect-container li .checkbox label {
    padding-left: 8px !important;
}

.multiselect.btn-default {
    height: 35px;
}

ul.multiselect > .btn-default.active, .btn-default.focus, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #fff !important;
    background-color: #0a96e9 !important;
    border-color: #0a96e9 !important;
    height: 38px;
}

ul.multiselect > .btn-default:focus, .btn-default:hover {
    color: #fff !important;
    background-color: #0a96e9 !important;
    border-color: #0a96e9 !important;
}

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

button.multiselect + .dropdown-toggle {
    padding-right: 10px;
}

/*.btn-group .dropdown-toggle::after {
    position: relative;
    top: 1px !important;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}*/

.form-inline .multiselect-container label.checkbox {
    padding: 5px 5px 5px 5px !important;
}

.form-inline .multiselect-container label.radio {
    padding: 8px 5px 8px 5px !important;
}

.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 !important;
    margin-right: 0 !important;
}

.multiselect-selected-text {
    overflow: hidden;
}

li > a > label {
    width: 100%;
}

.multiselect-option-hidden {
    display: none;
}


/* designer custom radio button*/

ul.multiselect-container input[type=radio].customswitch {
    display: none;
}

    ul.multiselect-container input[type=radio].customswitch + label {
        display: block;
        margin: 0em;
        cursor: pointer;
        padding: 0em;
    }

    ul.multiselect-container input[type=radio].customswitch:not(.hidden) + label:before {
        content: "";
        border: 0.2em solid #037c12;
        border-radius: 50%;
        display: inline-block;
        width: 1.8em;
        height: 1.8em;
        padding-left: 0.25em;
        padding-bottom: 0.6em;
        margin-right: 0.5em;
        vertical-align: bottom;
        color: transparent;
        transition: .2s;
    }

    ul.multiselect-container input[type=radio].customswitch:not(.hidden) + label:after {
        display: flex;
        flex-direction: row-reverse;
        content: "";
        border: 0.5em solid #037c12;
        border-radius: 50%;
        visibility: hidden;
        background-color: #037c12;
        position: absolute;
        transform: translate(50%, -150%);
        transition: .2s;
    }

    ul.multiselect-container input[type=radio].customswitch:not(.hidden):checked + label:before {
        border-color: #b51010;
    }

    ul.multiselect-container input[type=radio].customswitch:not(.hidden):checked + label:after {
        visibility: visible;
        border: 0.5em solid #b51010;
        background-color: #b51010;
    }

    ul.multiselect-container input[type=radio].customswitch:not(.hidden):disabled + label:before {
        transform: scale(1);
        border-color: #aaa;
    }

    ul.multiselect-container input[type=radio].customswitch:not(.hidden):checked:disabled + label:before {
        transform: scale(1);
        background-color: #bfb;
        border-color: #bfb;
    }

/* designer custom radio button*/


/* designer custom checkbox button*/

ul.multiselect-container input[type='checkbox'].customswitch {
    display: none;
}

    ul.multiselect-container input[type='checkbox'].customswitch + label {
        display: block;
        margin: 0.2em;
        cursor: pointer;
        padding: 0.2em;
    }

        ul.multiselect-container input[type='checkbox'].customswitch + label:before {
            content: "\2714";
            border: 0.2em solid #037c12;
            /* border-radius: 0.2em; */
            display: inline-block;
            width: 1.7em;
            height: 1.7em;
            padding-left: 0.25em;
            padding-bottom: 0.6em;
            margin-right: 0.5em;
            vertical-align: bottom;
            color: transparent;
            transition: .2s;
        }

        ul.multiselect-container input[type='checkbox'].customswitch + label:active:before {
            transform: scale(0);
        }

    ul.multiselect-container input[type='checkbox'].customswitch:checked + label:before {
        background-color: #1aba00;
        border-color: #fbfafe;
        color: #fff;
    }

    ul.multiselect-container input[type='checkbox'].customswitch:disabled + label:before {
        transform: scale(1);
        border-color: #aaa;
    }

    ul.multiselect-container input[type='checkbox'].customswitch:checked:disabled + label:before {
        transform: scale(1);
        background-color: #bfb;
        border-color: #bfb;
    }

/* designer custom checkbox button*/