/*
 * MultiSelect Plugin - Custom Styles for Metronic v8
 * Lou Benedicte's multiSelect.js v0.9.12
 * Metronic uyumlu özelleştirilmiş stiller
 */

/* Main Container */
.ms-container {
    display: flex;
    align-items: stretch;
    gap: 0;
}

/* Container Styles */
.ms-selectable {
    width: 47%;
    max-height: 500px;
    overflow-y: auto;
}

.ms-selection {
    width: 47%;
    max-height: 500px;
    overflow-y: auto;
}

/* List Item Styles */
.ms-elem-selectable {
    list-style-type: none;
    border-bottom: 1px solid var(--bs-card-border-color);
    padding-bottom: 2px;
    padding-top: 3px;
    cursor: default;
}

.ms-elem-selection {
    list-style-type: none;
    border-bottom: 1px solid var(--bs-card-border-color);
    padding-bottom: 2px;
    padding-top: 3px;
}

.ms-list {
    padding-left: 0;
    margin-top: 5px;
}

/* Select-All/Deselect-All Button */
#select-all,
#deselect-all {
    width: 6%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#select-all i,
#deselect-all i {
    cursor: pointer;
    font-size: 1.2em;
    padding: 10px;
}