.body-top-margin{
    margin-top:118px;
}




@media  (max-width: 1265px) {
    /* For mobile phones: */
    .body-top-margin {
        /*margin-top: 172px;*/
    }
}
@media  (max-width: 976px) {
    /* For mobile phones: */
    .body-top-margin {
        margin-top: 62px;
    }
}

.pagination button {
    padding: 5px 10px;
    margin: 0 5px;
    border: 1px solid #ddd;
    background-color: #f8f9fa;
    cursor: pointer;
    font-size: 14px;
}

    .pagination button.active,
    .pagination button:hover {
        background-color: #007bff;
        color: white;
        border-color: #007bff;
    }

    .pagination button:disabled {
        background-color: #e9ecef;
        color: #6c757d;
        cursor: not-allowed;
        border-color: #e9ecef;
    }

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}



/* Add styles specific to your site's theme */
.date-inputs-container {
    display: flex;
    justify-content: end;
    margin-right: 20px; /* Adjust as per your layout */
    align-items: center;
}

    .date-inputs-container input[type="date"] {
        border: 1px solid #ced4da; /* light grey border */
        border-radius: 4px; /* rounded corners */
        padding: 5px; /* for better touch area */
        margin-left: 10px; /* to give some space between inputs */
        color: #495057; /* text color similar to rest of your site */
        background-color: #fff; /* white background */
        cursor: pointer; /* indicates it's clickable */
        height: calc(1.5em + 0.75rem + 2px); /* consistent height with other inputs */
        font-size: 0.875rem; /* match font size with the site's theme */
    }

        /* Hover effect */
        .date-inputs-container input[type="date"]:hover {
            border-color: #80bdff; /* color when hovered */
        }

        /* Focus effect */
        .date-inputs-container input[type="date"]:focus {
            border-color: #80bdff; /* color when focused */
            box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); /* subtle shadow */
            outline: none; /* remove default focus outline */
        }

        /* Adjustments for cross-browser consistency */
        .date-inputs-container input[type="date"]::-webkit-calendar-picker-indicator {
            color: rgba(0, 0, 0, 0); /* Hide the default icon in Chrome */
            cursor: pointer;
        }

        .date-inputs-container input[type="date"]::-webkit-inner-spin-button {
            display: none; /* Hide the inner spin button in WebKit browsers */
        }

        .date-inputs-container input[type="date"]::-webkit-clear-button {
            display: none; /* Hide the clear button in WebKit browsers */
        }

        /* For Mozilla Firefox */
        .date-inputs-container input[type="date"]::-moz-focus-inner {
            border: 0; /* Remove border */
        }

        .date-inputs-container input[type="date"]::-moz-placeholder {
            color: #495057; /* Matching placeholder color */
        }

        /* For Internet Explorer */
        .date-inputs-container input[type="date"]::-ms-clear {
            display: none; /* Hide the clear button in IE */
        }