/**
 * Custom DataTables Styles
 * 
 * This stylesheet adds custom styling for the Roads/Streets Registration DataTable
 */

/* Border styling for the header */
.border-3x {
    border-width: 3px !important;
}

.border-light-l {
    border-color: #e8e8e8 !important;
}

/* Table styling */
.table-borderless th,
.table-borderless td {
    border: 0;
}

/* Button spacing in table */
.table .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Table header styling */
.table thead th {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Hover effect for action buttons */
.btn-outline-warning:hover, 
.btn-outline-danger:hover {
    color: #fff;
}

/* Better responsive behavior for tables */
@media (max-width: 767.98px) {
    .table-responsive {
        border: 0;
    }
    
    .dataTables_wrapper .dataTables_length, 
    .dataTables_wrapper .dataTables_filter {
        text-align: left;
        margin-bottom: 10px;
    }
}