/* Container alignment */
.dataTable-bottom {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1.25rem 1rem 1.5rem !important;
    margin-top: 0.75rem !important;
    clear: both !important;
    position: relative;
    z-index: 1;
}

.dataTable-container {
    overflow: hidden;
    margin-bottom: 0.5rem;
}

/* Main list container */
.dataTable-pagination-list {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 5px !important;
}

/* Rest of your pagination styles remain the same */
.dataTable-pagination-list li {
    margin: 0 !important;
    padding: 0 !important;
}

.dataTable-pagination-list li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid #dee2e6 !important;
    color: #67748e !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
    background-color: white !important;
}

.dataTable-pagination-list li.active a {
    background-color: #6BC168 !important;
    /* Changed from #fb6340 to success green */
    color: white !important;
    border-color: #6BC168 !important;
    /* Changed border color to match */
}

.dataTable-pagination-list li:not(.active) a:hover {
    background-color: #f6f9fc !important;
    cursor: pointer !important;
}

.dataTable-pagination-list li.pager a {
    font-size: 20px !important;
    font-weight: bold !important;
}

/* Info text alignment */
.dataTable-info {
    margin-right: auto !important;
    /* Pushes pagination to the right */
}

/* Search input styling */
.dataTable-input {
    display: block !important;
    width: 100% !important;
    max-width: 300px !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.4rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #d2d6da !important;
    appearance: none !important;
    border-radius: 0.5rem !important;
    transition: box-shadow 0.15s ease, border-color 0.15s ease !important;
}

.dataTable-input:focus {
    background-color: #fff !important;
    border-color: #6BC168 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(107, 193, 104, 0.25) !important;
}

.dataTable-input::placeholder {
    color: #adb5bd !important;
    opacity: 1 !important;
}

/* Per page selector styling */
.dataTable-selector {
    display: block !important;
    width: auto !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.4rem !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #d2d6da !important;
    appearance: none !important;
    border-radius: 0.5rem !important;
    transition: box-shadow 0.15s ease, border-color 0.15s ease !important;
    cursor: pointer !important;
}

.dataTable-selector:focus {
    background-color: #fff !important;
    border-color: #6BC168 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(107, 193, 104, 0.25) !important;
}

/* Add a custom arrow for the select */
.dataTable-selector {
    background-image: 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") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    padding-right: 2.5rem !important;
}