.event-filter .heading-txt-0-6 {
    margin-left: 5px;
}
 
 thead{
    display: none;
 }
    .img-fluid {
        width: 15px;
    }

    /* Fix sticky: must be on a block-level element with a defined top and background */
    .sticky {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #fff;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    /* Fix shadow-sm-bottom: Bootstrap does not have shadow-sm-bottom, so define it */
    .shadow-sm-bottom {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    }

    .body-card {
        border-radius: 16px;
        padding: 10px;
        margin: 5px;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    }

   

    .hideOnMobile {
        display: block;
    }

    @media (max-width: 768px) {
        .hideOnMobile {
            display: none;
        }



    }

    .custom-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        display: block;
        width: 100%;
        padding: .375rem 2.25rem .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        border-radius: var(--bs-border-radius);
        border: none;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-top: -5px;
    }

    #search-container {
        width: 100%;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .hide {
        display: none;
    }

 

    .event-filter-btn {
        cursor: pointer;
    }

    .my-form-control {
        display: block;
        width: 90%;
        padding: 0px 10px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-clip: padding-box;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .search-btn-filter-container {
        margin-top: 0;
        width: 39px;
        padding: 0;
        height: 35px;
    }

    .btn-pull-left {
        width: 24px;

        padding: 4px 0px;
        margin-left: -8px;
        float: left;
    }

    .btn-pull-right {
        width: 24px;

        padding: 4px 0px;
        margin-right: -8px;
    }

    .event-filter-container-inner {
        overflow: hidden;
        width: 100%;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #search-container {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #search-container.active {
        max-height: 100px;
        /* adjust as needed */
    }

   

    .table>thead {
        height: 54px;
    }

    .min-txt {
        position: absolute;
        margin-top: -10px;
    }

    .pagination {
        margin-bottom: 0px !important;

    }

    .pagination a {
        color: #333;
        text-decoration: none;
    }

    .paginate_button.active {
        background-color: #007bff !important;
        color: #fff !important;
        cursor: not-allowed;
    }

    .paginate_button {
        background-color: #f7f7f7;
    }

  

    /* Extra small devices (portrait phones, less than 576px) */
    @media (max-width: 575.98px) {
        .col-xs-2 {
            width: 10%;
        }

        .col-xs-10 {
            width: 80%;
        }
        .img-mr-2 {
            margin-right: -19px;
        }
    }

    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) and (max-width: 767.98px) {
        .col-xs-2 {
            width: 10%;
        }

        .col-xs-10 {
            width: 90%;
        }
        .img-mr-2 {
            margin-right: -12px;
        }
    }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        .col-xs-2 {
            width: 5%;
        }

        .col-xs-10 {
            width: 86%;
        }
    }