.checkbox-custom {
    display: inline-block;
    width: 16px; /* adjust the size to your liking */
    height: 16px; /* adjust the size to your liking */
    border: 1px solid #ccc; /* grey border */
    background-color: #fff; /* white background */
    border-radius: 2px;
    position: relative;
}

.checkbox-custom::after {
    content: "\2714"; /* Unicode character for a checkmark */
    display: block;
    font-size: 12px; /* adjust the size to your liking */
    color: #007bff; /* blue color */
    text-align: center;
    line-height: 16px; /* adjust the size to your liking */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

#skip-authorization-checkbox:checked + .checkbox-custom::after {
    opacity: 1 !important;
}

#restrict-user-access-checkbox:checked + .checkbox-custom::after {
    opacity: 1 !important;
}
#hash_client_secret-checkbox:checked + .checkbox-custom::after {
    opacity: 1 !important;
}

#custom-checkbox:checked + .checkbox-custom::after {
    opacity: 1 !important;
}