.select2-container .select2-selection--single {
    min-width: 100px;
    height: 39.73px;
    padding: 6px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    font-size: 14px;
    box-shadow: 0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.12) !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    min-width: 100px;
    height: 36px;
    right: 10px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    left: 100%;
}

#add input {
    min-width: 100px;
}

/* This targets the cells of the row with the 'active-row-disabled' class */
tr.active-row-disabled td {
    background-color: #f8f9fa !important;
    color: #bcbcbc !important;
    cursor: not-allowed !important;
    pointer-events: none; /* Stops button clicks */
}

/* Optional: Keep the cursor visible by allowing events on the row itself 
   but disabling them on the buttons inside */
tr.active-row-disabled button {
    pointer-events: none;
    opacity: 0.5;
}