.no-prescriptions{
    text-align: center;
    padding: 10px; 
    color: #888;
}

.prescription-date {
    flex: 1;
}

.new-prescription-form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prescription-actions {
    display: flex;
    align-items: center; /* vertically center the content */
    justify-content: center; 
}

.prescription-actions.create{
    padding: 16px;
}


.prescription-row-upper{
    display: flex;
    flex-direction: row;
}

.new-patient-modal-mid-text{
    text-align: center;
}


@media (max-width: 768px) {
    .prescription-actions {
        justify-content: flex-start !important; 
    }
}