.fixed-avatar {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.splitz-logo {
    margin-top: 7px;
}

.authentication-image {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover !important;
    z-index: -1 !important;
}

/* Verberg het standaard DataTables driehoekje (▼) */
table.dataTable td.dtr-control::before {
    display: none !important;
    content: none !important;
}

.toggle-icon {
    transition: transform 0.3s ease;
  }
  tr.parent .toggle-icon {
    transform: rotate(180deg);
  }

@media (max-width: 992px) {
    #wizard-nieuwe-verrichting .bs-stepper-header {
        flex-direction: row !important;
        border-right: none !important;
        border-bottom: 1px solid #ddd;
        overflow-x: hidden;
        padding: 0.5rem 0;
        display: flex; /* Zorg dat het flex blijft */
    }

    #wizard-nieuwe-verrichting .step {
        flex: 1 0 0%;
        min-width: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    #wizard-nieuwe-verrichting .step-trigger {
        flex-direction: column;
        align-items: center;
        padding: 0.25rem;
        width: 100%;
    }

    #wizard-nieuwe-verrichting .bs-stepper-label .bs-stepper-title,
    #wizard-nieuwe-verrichting .bs-stepper-circle,
    #wizard-nieuwe-verrichting .line {
        display: none !important;
    }
}

.fab-add-verrichting {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    z-index: 1050; /* boven modals en footers */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

input[type="radio"]:checked ~ .custom-option-body i {
    color: var(--bs-primary);
}

.avatar .avatar-initial,
.avatar img {
    width: 2.5rem;
    height: 2.5rem;
}

.avatar-xs .avatar-initial,
.avatar.avatar-xs img {
    width: 1.5rem;
    height: 1.5rem;
}

.avatar-sm .avatar-initial,
.avatar.avatar-sm img {
    width: 2rem;
    height: 2rem;
}

.avatar-md .avatar-initial,
.avatar.avatar-md img {
    width: 3rem;
    height: 3rem;
}

.avatar-lg .avatar-initial,
.avatar.avatar-lg img {
    width: 3.5rem;
    height: 3.5rem;
}

.avatar-xl .avatar-initial,
.avatar.avatar-xl img {
    width: 4rem;
    height: 4rem;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}