.isi-check {
    text-align: left;
    cursor: pointer;
    }

.isi-check:disabled {
    cursor: default;
    }

.isi-check::before {
    padding-right: 0.5em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* solid */
    content: '\f0c8'; /* <i class="fas fa-square"></i> */
    }

.isi-check.checked::before         { content: '\f14a'; } /* <i class="fas fa-check-square"></i> */
.isi-check.thumbup.checked::before { content: '\f164'; } /* <i class="fas fa-thumbs-up"></i> */
.isi-check.smile.checked::before   { content: '\f118'; } /* <i class="fas fa-smile"></i> */

.isi-check.checked {
    color: Green;
    border-color: SpringGreen;
    background-color: Honeydew;
    }

.isi-check-outline-warning.checked {
    color: var(--warning);
    border-color: var(--warning);
    background-color: Transparent;
    }

.isi-check.unchecked {
    color: Red;
    border-color: Red;
    background-color: MistyRose;
    }