.preview-img {
    background: #eee;
    margin: 10px;
    padding: 5px;
}

.preview-img-article {
    max-width: var(--preview-article-img-width);
    max-height: var(--preview-article-img-height);
}

.preview-img-initiative {
    max-width: var(--preview-initiative-img-width);
    max-height: var(--preview-initiative-img-height);
}

.disabled {
    background-color: var(--bs-form-control-disabled-bg);
    opacity: 1;
}

.disabled:focus {
    background-color: var(--bs-form-control-disabled-bg);
}

.edit:hover > i {
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.delete {
    all: unset;
    cursor: pointer;
}

.delete:hover > i {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.restore {
    all: unset;
    cursor: pointer;
}

.restore:hover > i {
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

li:has(.disabled) {
    cursor: not-allowed;
}

.clear-input, .sortable {
    cursor: pointer;
}

.usr-email-addr, .usr-ph-no {
    cursor: pointer;
}

.image-link:hover {
    color: var(--bs-link-hover-color);
}

.cursor-pointer {
    cursor: pointer;
}