/* Centering content on larger screens */
@media (min-width: 768px) {

    /* Adjust breakpoint as necessary */
    .overflow-auto {
        justify-content: center;
        align-items: center;
    }
}

.footer-container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

/* Default: show the div */
.responsive-flex-div {
    display: flex !important;
}

.responsive-flex-start {
    justify-content: center;
    align-items: center;
}

.mobile-button {
    display: none !important;
}
/* Make the table horizontally scrollable */
.table-responsive {
    overflow-x: auto;
}

/* Handle long text with word-wrap and ellipsis */
.sentenceText {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

/* Aligning content to start on smaller screens */
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    .sentenceText {
        word-wrap: break-word;
    }

    /* Adjust breakpoint as necessary */
    .overflow-auto {
        justify-content: start;
        align-items: start;
    }

    .responsive-flex-div {
        display: none !important;
    }

    .responsive-flex-start {
        justify-content: start !important;
        align-items: center !important;
    }

    .mobile-button {        
        display: block !important;
        position: fixed !important;
        top: 10px;
        left: 10px;
        z-index: 1000;
    }
}