/* Multiselect CSS */
.multiselect {
    width: 160px;
    background-color: white;
    border: 1px solid black;
    height: 25px;
    font-size: 14px;
    font-family: 'avenir', sans-serif;
    text-align: start;
}

.btn-group {
    width: 100%;
}

.multiselect-container .multiselect-option.active {
    background-color: rgba(44, 216, 215, 0.7) !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-color: rgba(44, 216, 215, 0.7) !important;
}

.multiselect-container {
    background-color: rgb(163, 217, 246);
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    border-radius: 0;
    font-size: 14px !important;
    font-family: 'avenir', sans-serif !important;
    z-index: 10000;
}

.multiselect-container .multiselect-option, .multiselect-container .multiselect-group, .multiselect-container .multiselect-all {
    padding: 0.25rem 0rem 0.25rem 0.25rem;
}