/* Personalizzazioni compatibili con MultipleSelect 1.7.0 */

/* Nasconde radio se multiple select */
.ms-choice {
    border-radius: unset;
    border: 1px solid var(--main-color);
    height: 19px;
    line-height: 22px;
    color: var(--primary-color-3);
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
}

.ms-choice > div.icon-close:before {
    content: '\2716';
    color: red;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    font-size: 12px;
}

.ms-choice > span {
    padding-left: 4px;
    top: -1px;
    right: 30px;
}

.ms-choice > div.icon-close {
    right: 14px;
}

.ms-choice > div.icon-caret {
    border-color: var(--main-color) transparent transparent transparent;
}

.ms-choice > div.icon-caret.open {
    border-color: transparent transparent var(--main-color) transparent;
}

.ms-search input {
    width: 95%;
    border-radius: 0;
}

.ms-drop {
    border-radius: 0;
}

.ms-drop input[type="radio"], .ms-drop input[type="checkbox"] {
    margin-top: inherit;
}

.ms-drop ul > li.hide-radio label {
    padding: 3px 4px;
}

.ms-drop ul > li.hide-radio:focus, .ms-drop ul > li.hide-radio:hover {
    color: var(--primary-color-2);
    background-color: var(--secondary-color-1);
}

.ms-drop ul > li.hide-radio.selected {
    color: var(--primary-color-2);
    background-color: var(--main-color);
}