
/* Add Button */

.esriGEComparisonSelect_addButton {
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    background-image: url("./images/add/addIcon.svg");
    cursor: pointer;
    opacity: 0;
    float: right;
}

.listItem:hover .esriGEComparisonSelect_addButton {
    opacity: 1;
}

.esriGEComparisonSelect_addButton:hover:not(.disabled) {
    background-image: url("./images/add/addIcon_over.svg");
}

.listItem:hover .esriGEComparisonSelect_addButton.disabled {
    opacity: 0.3;
    cursor: default;
}

/* Remove Button */

.esriGEComparisonSelect_removeButton {
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    background-image: url("./images/close/closeWindow.svg");
    cursor: pointer;
    opacity: 1;
    float: right;
}

    .esriGEComparisonSelect_removeButton:hover:not(.disabled) {
        background-image: url("./images/close/closeWindow_over.svg");
    }

.listItem .esriGEComparisonSelect_removeButton.disabled {
    opacity: 0;
    cursor: default;
}

.listItem:hover .esriGEComparisonSelect_removeButton.disabled {
    opacity: 0.3;
    cursor: default;
}

/* Info Icon */

.esriGEComparisonSelect_infoIcon {
    opacity: 0;
    float: right;
}

.listItem:hover .esriGEComparisonSelect_infoIcon {
    opacity: 1;
}

/* Mobile: make always visible */

.esriGEComparisonSelectListMobile .esriGEComparisonSelect_addButton,
.esriGEComparisonSelectListMobile .esriGEComparisonSelect_removeButton {
    opacity: 1;
}

    .esriGEComparisonSelectListMobile .esriGEComparisonSelect_addButton.disabled,
    .esriGEComparisonSelectListMobile .esriGEComparisonSelect_removeButton.disabled {
        opacity: 0.3;
        cursor: default;
    }
