.ui-datepicker,
.ui-autocomplete {
    z-index: 9999 !important;
    /* Higher than Bootstrap's default pagination z-index */
}

.ui-autocomplete {
    max-height: 200px;
    /* Adjust the height as needed */
    overflow-y: auto;
    /* Enable vertical scrolling */
    overflow-x: hidden;
    /* Hide horizontal overflow */
}


::placeholder {
    color: #a5a2a2 !important;
    font-size: 11px;
}

/* Ellipsis table */
.ellipsis_table {
    width:100%;
    table-layout: fixed;
    font-size: 0.9rem;
}

.ellipsis_table tr {
    width: 100%;
}

.ellipsis_table th,
.ellipsis_table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%; /* Adjust the width as needed */
    display: block; /* Ensure it works for block layout */
}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }
}

@media (max-width: 1300px) {
    * {
        font-size: 0.90rem !important;
    }

    .responsive-svg {
        width: 15px !important;
        height: 15px !important;
    }
}


/* Bootstrap sm size is ≥576px */
@media (max-width: 576px) {

    /* When the screen size below 576 make the buttons that appear on top-right side 100% */
    #top_right_btn_group {
        width: 100%;
    }
}