.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.form-container {
    width: 100%;
    margin-top: 3%;
}
.hide-on-mobile {
    display: none;
    /* Hide original content */
}
#sortReferralsButton::before {
    content: "Referrals";
    /* Hide original content */
}
.date-nowrap {
    white-space: nowrap;
}
@media (max-width: 768px) {
    .flex-container {
        display: block;
        /* Change flex direction to column for stacking elements on mobile */
    }
    .px-6-mobile {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .px-4-mobile{
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
    #sortReferralsButton::before {
        content: "Refs";
        /* Hide original content */
    }

    .text-center-on-mobile{
        text-align: center;
    }

    .in-row-on-mobile {
        display: contents;
    }
  


}