#sepetDetayModal .modal-dialog {
    max-width: 650px;
}

#sepetDetayModal .small {
    font-size: 0.85rem;
}

#sepetDetayModal .badge-sm {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
}

#sepetDetayModal .table-sm td,
#sepetDetayModal .table-sm th {
    padding: 0.3rem;
    vertical-align: middle;
}

#sepetDetayModal .form-control-sm {
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
}

#sepetDetayModal .input-group-sm .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

#sepetDetayModal .sepet-miktar-input {
    max-width: 70px;
    font-weight: 600;
}

    #sepetDetayModal .sepet-miktar-input::-webkit-outer-spin-button,
    #sepetDetayModal .sepet-miktar-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    #sepetDetayModal .sepet-miktar-input[type=number] {
        -moz-appearance: textfield;
    }

#sepetDetayModal #yeniDepoFormu {
    border: 2px dashed #28a745;
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#sepetDetayModal .btn-yeni-depo-ekle:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#sepetDetayModal .btn-miktar-artir:hover,
#sepetDetayModal .btn-miktar-azalt:hover {
    background-color: #041e42 !important;
    color: white !important;
    border-color: #041e42 !important;
}