/* Custom CSS to move DataTables search field to extreme left */

/* Override Bootstrap grid for DataTables */
div.dataTables_wrapper div.row:first-child {
    margin-left: 0;
    margin-right: 0;
}

/* Move search field container to extreme left */
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
    padding-left: 0 !important;
    float: left !important;
    width: 50% !important;
}

/* Move length selector to right */
div.dataTables_wrapper div.dataTables_length {
    text-align: right !important;
    float: right !important;
    width: 50% !important;
}

/* Override column classes */
div.dataTables_wrapper div.row:first-child > div.col-sm-6,
div.dataTables_wrapper div.row:first-child > div.col-sm-3,
div.dataTables_wrapper div.row:first-child > div.col-sm-9 {
    width: 100% !important;
    padding-left: 0 !important;
}

/* Fix search input styling */
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0 !important;
    margin-right: 0.5em !important;
}

/* Fix label positioning */
div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
    text-align: left !important;
    padding-left: 0 !important;
}