/* Custom styles for the multiselect */

/* Styles for the 'button' with selected values */
.multi-value {
    background-color: #c2eeee !important;
    font-size: 13px !important;
}

/* Styles for the input */
.search-input {
    padding: 0 10px !important;
    font-size: 13px !important;
}

.control {
    padding: 0 3px !important;
    /* height: 46px !important; */
}

.single-value {
    font-size: 13px !important;
}

.no-results {
    font-size: 13px !important;
}

/* Styles for the options */
.menu-option {
    display: flex;
    width: 100%;
    border: 0;
    margin: 0;
    padding: var(--vs-option-padding);
    font-size: var(--vs-option-font-size);
    font-weight: var(--vs-option-font-weight);
    font-family: var(--vs-font-family);
    color: var(--vs-option-text-color);
    background-color: var(--vs-option-bg);
    text-align: -webkit-auto;
    cursor: pointer;
    font-size: 13px !important;
}

.menu-option:hover {
    background-color: #c2eeee !important;
}

.menu-option.focused {
    background-color: #c2eeee !important;
}

.menu-option.selected {
    background-color: #c2eeee !important;
}

.menu-option.disabled {
    background-color: var(--vs-option-disabled-color);
    color: var(--vs-option-disabled-text-color);
}